ajax - 基于jQuery的示例
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ajax - 基于jQuery的示例相关的知识，希望对你有一定的参考价值。
常用写法
$.ajax({
"url":url,
"data":data,
"type":"post",
contentType:"json",
"success":function(resp, textStatus, xmlHttp){
},
"error":function(xmlHttp, textStatus, exception){
alert(xmlHttp.status);
}
});
$.get(url, data, function(resp, textStatus, xmlHttp){
}, "json");
$.post(url, data, function(resp, textStatus, xmlHttp){
}, "json");
//jquery-ajax提交实例
$("#myform").submit(function(){
//表单序列化
var data = $("#myform").serialize();
//定义请求url
var url = "login";
//调用jquery的Ajax请求方法
$.ajax({
"data":data,
"type":"post",
"url":url,
"dataType":"json",
"success":function(resp, textStatus, xmlHttp){
$("#res").html(resp);
},
"error":function(xmlHttp, textStatus, exception){
alert(xmlHttp.status);
}
});
//取消表单的提交
return false;
});
//基本jQuery-get提交实例，和post一样，换个函数名为$.post即可
$("#myform").submit(function(){
var data = $("#myform").serialize();
var url = "login";
$.get(url,data, function(resp, textStatus, xmlHttp){
alert(resp+","+textStatus+","+xmlHttp.status);
});
//取消表单的提交
return false;
});
//基本jQuery-load提交实例
$("#myform").submit(function(){
var data = $("#myform").serialize();
var url = "login";
$("#res").load(url, data, function(resp, textStatus, xmlHttp){
//alert("hello");
alert(resp+","+textStatus+","+xmlHttp.status);
});
//取消表单的提交
return false;
});
以上是关于ajax - 基于jQuery的示例的主要内容，如果未能解决你的问题，请参考以下文章