jquery_使用ajax提交请求返回处理数据

AJAX示例

最新推荐文章于 2022-05-17 09:27:36 发布

原创最新推荐文章于 2022-05-17 09:27:36 发布 · 250 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ViewUI

JS常用方法专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个使用AJAX技术实现模块列表动态加载的例子。通过GET请求获取所有模块，并以script类型返回数据。成功获取数据后，将结果显示为带复选框的列表。此外，还展示了一个POST请求示例，用于发送特定参数并显示服务器响应。

   var url = "/ssm/modules/getAllModules.action";
   var params={"tm":Math.random()};
   
   jQuery.ajax({ 
    type: "get",                       
    contentType: "application/json",                     
    url: url,
    data: params,                    
    dataType: 'script',                
    
    success: function(data) {
                       var items = APRS.result;
                       var strtemp = [];
                       for(var i=0;i<items.length;i++){
                          strtemp.push('<li>'+(i+1)+'. ');
                          strtemp.push('<input type="checkbox" name="modules"  value="'+items[i].id+'"/>');
                          strtemp.push(items[i].name);
                          strtemp.push('</li>');
                       }
                       $("#moduleList").html(strtemp.join(''));
     },
    error:function(data){
       alert("error");
    } 
    });


   $.ajax({
       type:"POST",
       url:url,
       data:{lineIds:lineIds,tm:Math.random()},
       datatype: "json",

       success:function(data){
    	   $("#msg").html(decodeURI(data));            
       },
       complete: function(XMLHttpRequest, textStatus){

       },
       error: function(){
       }         
    });