码迷,mamicode.com
首页 > Web开发 > 详细

ajax - 基于jQuery的示例

时间:2017-08-18 22:29:00      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:stat   false   常用   orm   function   ret   url   form   erro   

常用写法

$.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的示例

标签:stat   false   常用   orm   function   ret   url   form   erro   

原文地址:http://www.cnblogs.com/tommychok/p/7392378.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!