jQuery Ajax 实例详解 ($.ajax、$.post、$.get)
|
Jquery在异步提交方面封装的很好，直接用AJAX非常麻烦，Jquery大大简化了我们的操作，不用考虑浏览器的诧异了。 推荐一篇不错的jQuery Ajax 实例文章，忘记了可以去看看， 地址为：https://www.oudahe.com/p/22472/ $.post、$.get是一些简单的方法，如果要处理复杂的逻辑，还是需要用到jQuery.ajax() 一、$.ajax的一般格式
$.ajax({
type: 'POST',url: url,data: data,success: success,dataType: dataType
});
二、$.ajax的参数描述 参数 描述
三、$.ajax需要注意的一些地方： 1.data主要方式有三种，html拼接的，json数组，form表单经serialize()序列化的；通过dataType指定，不指定智能判断。 2.$.ajax只提交form以文本方式，如果异步提交包含<file>上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit 四、$.ajax我的实际应用例子
//.$.ajax带json数据的异步请求
var aj = $.ajax( {
url:'productManager_reverseUpdate',// 跳转到 action
data:{
selRollBack : selRollBack,selOperatorsCode : selOperatorsCode,PROVINCECODE : PROVINCECODE,pass : pass
},type:'post',cache:false,dataType:'json',success:function(data) {
if(data.msg =="true" ){
// view("修改成功！");
alert("修改成功！");
window.location.reload();
}else{
view(data.msg);
}
},error : function() {
// view("异常！");
alert("异常！");
}
});
//.$.ajax序列化表格内容为字符串的异步请求
function noTips(){
var formParam = $("#form").serialize();//序列化表格内容为字符串
$.ajax({
type:'post',url:'Notice_noTipsNotice',data:formParam,success:function(data){
}
});
}
//.$.ajax拼接url的异步请求
var yz=$.ajax({
type:'post',url:'validatePwd_checkPwd?password='+password,data:{},success:function(data){
if( data.msg =="false" ) //服务器返回false，就将validatePassword的值改为pwdError，这是异步，需要考虑返回时间
{
textPassword.html("<font color='red'>业务密码不正确！</font>");
$("#validatePassword").val("pwdError");
checkPassword = false;
return;
}
},error:function(){}
});
//.$.ajax拼接data的异步请求
$.ajax({
url:'<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action',data:'merName='+values,async : false,//默认为true 异步
error:function(){
alert('error');
},success:function(data){
$("#"+divs).html(data);
}
});
下面是ajax()提供了一大票参数，所以说可以实现非常复杂的功能。
以上所述就是本文给大家介绍的关于jQuery Ajax 实例详解 ($.ajax、$.post、$.get)的相关资料，希望对大家学习jquery ajax实例有所帮助。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |