美文网首页
JQ---Ajax 总结

JQ---Ajax 总结

作者: 柠檬树QAQ | 来源:发表于2017-02-11 01:24 被阅读0次

    参考网址:http://www.w3cschool.cn/json/sf2c1plu.html

    使用jQuery.ajax()方法获取数据:

    $.ajax({
        url: "http://www.hzhuti.com",    //请求的url地址
        dataType: "json",   //返回格式为json
        async: true, //请求是否异步,默认为异步,这也是ajax重要特性
        data: { "id": "value" },    //参数值
        type: "GET",   //请求方式
        beforeSend: function() {
            //请求前的处理
        },
        success: function(req) {
            //请求成功时处理
        },
        complete: function() {
            //请求完成的处理
        },
        error: function() {
            //请求出错处理
        }
    });
    

    //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("<font color='red'>业务密码不正确!</font>");  
                   $("#validatePassword2").val("pwd2Error");  
                   checkPassword2 = false;  
                   return;  
               }  
          },  
          error:function(){}  
    });
    
    //4.$.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);   
        }
    });
    

    相关文章

      网友评论

          本文标题:JQ---Ajax 总结

          本文链接:https://www.haomeiwen.com/subject/dubnittx.html