jQuery$.post()方法，附ajax实例代码

PHP中文网 • 2025年3月8日 02:26:31 • 编程技术 • 阅读 2

本文主要介绍了jquery中$.post()方法，jquery在异步提交方面封装的很好，直接用ajax非常麻烦，jquery大大简化了我们的操作，不用考虑浏览器的差异了。需要的小伙伴可以参考一下，希望可以帮助到你。
$.post、$.get是一些简单的方法，如果要处理复杂的逻辑，还是需要用到jquery.ajax()。

一、$.ajax的一般格式

$.ajax({     type: 'POST',       url: url ,      data: data ,      success: success ,     dataType: dataType});

登录后复制

二、$.ajax的参数描述

参数描述
url——必需。规定把请求发送到哪个 URL。
data ——可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data, textStatus, jqXHR)—— 可选。请求成功时执行的回调函数。
dataType ——可选。规定预期的服务器响应的数据类型。默认执行智能判断（xml、json、script 或 html）。

三、$.ajax需要注意的一些地方

1.data主要方式有三种，html拼接的，json数组，form表单经serialize()序列化的；通过dataType指定，不指定智能判断。
2.$.ajax只提交form以文本方式，如果异步提交包含上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit

四、$.ajax实际应用例子

//1.$.ajax带json数据的异步请求  var aj = $.ajax( {        url:'productManager_reverseUpdate',// 跳转到 action        data:{                 selRollBack : selRollBack,                 selOperatorsCode : selOperatorsCode,                 PROVINCECODE : PROVINCECODE,                 pass2 : pass2        },        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("异常！");         }    });      //2.$.ajax序列化表格内容为字符串的异步请求  function noTips(){        var formParam = $("#form1").serialize();//序列化表格内容为字符串        $.ajax({            type:'post',                url:'Notice_noTipsNotice',            data:formParam,            cache:false,            dataType:'json',            success:function(data){            }        });    }        //3.$.ajax拼接url的异步请求  var yz=$.ajax({         type:'post',         url:'validatePwd2_checkPwd2?password2='+password2,         data:{},         cache:false,         dataType:'json',         success:function(data){              if( data.msg =="false" ) //服务器返回false，就将validatePassword2的值改为pwd2Error，这是异步，需要考虑返回时间              {                   textPassword2.html("业务密码不正确！");                   $("#validatePassword2").val("pwd2Error");                   checkPassword2 = false;                   return;               }          },          error:function(){}    });       //4.$.ajax拼接data的异步请求  $.ajax({         url:'/kc/kc_checkMerNameUnique.action',         type:'post',         data:'merName='+values,         async : false, //默认为true 异步         error:function(){            alert('error');         },         success:function(data){            $("#"+divs).html(data);         }  });

登录后复制

以上就是jQuery$.post()方法，附ajax实例代码的详细内容，更多请关注【创想鸟】其它相关文章！

发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2740999.html