zoukankan      html  css  js  c++  java
  • ajax调接口

    一、$.ajax的一般格式

    $.ajax({
      type: 'POST', 
          url: url,    //规定连同请求发送到服务器的数据;
          data: data,    //映射或字符串值,规定连同请求发送到服务器的数据;
          dataType: xml/json/script/html,
          success: function(data) {},      //请求成功时执行的回调函数;
    })

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

      1.data主要方式有三种,html拼接的,json数组,form表单经serialize()序列化的;通过dataType指定,不指定智能判断。

      2.$.ajax只提交form以文本方式,如果异步提交包含<file>上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit

    三、案例

    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); } });
  • 相关阅读:
    OpenStack-Queens版本缓存yum源的问题
    HTML 表单和输入<textarea><label><fieldset><legend><select><optgroup><option><button>
    HTML 表单和输入<form><input>
    HTML 列表 <ol><ul><li><dl><dt><dd>
    HTML 表格<table><caption><th><tr><td><thead><tbody><tfoot><col><colgroup>
    HTML <span> 标签
    HTML <div> 标签
    HTML 教程延伸阅读:改变文本的外观和含义
    引用、引用和术语定义<abbr><acronym><address><bdo><blockquote><q><cite><dfn>
    HTML“计算机输出”标签 <code><kbd><samp><tt><var><pre>
  • 原文地址:https://www.cnblogs.com/dxt510/p/7614294.html
Copyright © 2011-2022 走看看