当前位置:首页 - 建站教程 - js教程 - 如何给JQ的ajax方法中的success()传入参数

如何给JQ的ajax方法中的success()传入参数

时间:2019-06-13来源:帝国模板网 作者:帝国模板网 文章热度:
点评:在ajax()方法中向后台请求成功后,需要在success()方法中调用自定义的参数,刚开始的写法如下:
<script>
var name = &#39;hello&#39;;
function getTypeLi
...在ajax()方法中向后台请求成功后,需要在success()方法中调用自定义的参数,刚开始的写法如下:

<script>
   var name = &#39;hello&#39;;
   function getTypeList(){
    $.ajax({
      url :url,    //填写实际的url
      type : 'post',
      contentType : "text/html;charset=utf-8",
      dataType : 'json',
      success : function(response,name) {      
              alert(name);
         mycallback(response,name);//回调函数
      }
      });
   }
</script>

问题:alert()函数的输出为:“success”,但是明明定义了name为全局变量,值为“hello”
分析:success()函数是ajax()向后台请求成功后自动调用的,在success(response)函数里面的变量只有一个,且里面不能调用自定义的变量,response是后台返回来的值。



需求:如果确实需要在success()函数里面调用自定义的变量,可以将ajax()函数封装起来,由外部函数传入自定义的参数

例如:


<script>
   var name = 'hello';
   function getTypeList(name){ 
          $.ajax(
              { url : '<c:url value="admin/type_loadTypeList.Action"/>',  
               type : 'get',   
                contentType : "text/html;charset=utf-8",   
               dataType : 'json',   
               success : function(data) {      
                              alert(name);//查看name的值      
                              mycallback(data,name);//回调函数    
                } 
           }); 
      }
</script>

帝国cms模板网站长测试第二种方法实际有效,有时候要AJAX传入参数只能用这种方法
文章TAG:ajax 传入参数
相关js教程
最新js教程