jQuery Ajax 实例详解 ($.ajax、$.post、$.get)_AJAX相关

Jquery在异步提交方面封装的很好，直接用AJAX非常麻烦，Jquery大大简化了我们的操作，不用考虑浏览器的诧异了。

推荐一篇不错的jQuery Ajax 实例文章，忘记了可以去看看，

地址为：http://www.jb51.net/article/26903.htm

$.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,
   cache:false,
   dataType:'json',
   success:function(data){
   }
  });
 }
 //.$.ajax拼接url的异步请求
 var yz=$.ajax({
  type:'post',
  url:'validatePwd_checkPwd?password='+password,
  data:{},
  cache:false,
  dataType:'json',
  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',
  type:'post',
  data:'merName='+values,
  async : false, //默认为true 异步
  error:function(){
  alert('error');
  },
  success:function(data){
  $("#"+divs).html(data);
  }
 });

 下面是ajax()提供了一大票参数，所以说可以实现非常复杂的功能。

以上所述就是本文给大家介绍的关于jQuery Ajax 实例详解 ($.ajax、$.post、$.get)的相关资料，希望对大家学习jquery ajax实例有所帮助。

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索jquery_ajax实例
jquery_ajax_post_get
jquery ajax post实例、ajax post 代码实例、ajax post实例、ajax实战 实例详解、php ajax post实例，以便于您获取更多的相关知识。