`

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

阅读更多
   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(){
       }         
    });	
 

 

分享到:
评论

相关推荐

    使用_jQuery_的_Ajax_用户认证和注册技术

    在jQuery中,可以通过两种主要方式触发表单的Ajax提交: 1. **使用submit处理函数**:这是最常见的方式,适用于只有一个提交按钮的表单。当表单被提交时,submit事件会被触发,然后可以通过jQuery阻止默认行为,并...

    jQuery-ajax-用户名异步请求

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能,特别是如何利用它进行异步用户名验证。Ajax,即Asynchronous JavaScript and ...

    js.rar_.net_JS AJAX_jquery_jquery .net_增删

    例如,当用户触发一个事件(如点击按钮)时,可以通过jQuery的事件处理函数发送AJAX请求,然后将返回的数据插入到DOM元素中,实现无刷新的数据增删改查。 在增删操作中,通常会涉及到表单提交。jQuery可以方便地...

    jQuery_AJAX评论asp版

    2. jQuery监听到提交事件,阻止默认表单提交,通过AJAX发起POST请求,携带评论数据至ASP服务器。 3. ASP接收到请求后,对数据进行验证,如检查是否为空,是否有敏感词汇等。 4. 如果数据合法,ASP将评论存入数据库,...

    jquery_ajax操作数据库

    // 处理返回数据 }); ``` ### 5. 异步与同步请求 默认情况下,所有AJAX请求都是异步的。如果需要同步请求,可以在配置对象中设置`async: false`,但这会阻塞浏览器直到请求完成,通常应避免使用。 ### 6. 全局...

    Ajax_Jquery_Demo

    5. **表单提交**:使用Ajax提交表单,避免页面跳转,同时可以显示反馈信息。 ### 学习资源 - MDN Web文档提供了详尽的XMLHttpRequest和Fetch API教程。 - jQuery官方文档详细介绍了其Ajax方法和其他功能。 - W3...

    jquery_ajax_php_三级联动.rar

    3. **AJAX请求**:使用jQuery的`$.ajax`或`$.getJSON`方法向PHP脚本发起请求,请求类型通常为GET或POST,视具体需求而定。 4. **PHP处理**:接收请求,根据参数查询数据库,获取匹配的三级数据,然后将结果转换为...

    flgl.rar_ajax json jquery_jquery json

    描述中的“最后通过保存按钮,ajax的方式进行数据提交”,这意味着当用户点击保存按钮时,会触发一个JavaScript事件,这个事件会使用Ajax发送一个HTTP请求到服务器,将当前界面的数据以JSON格式提交。这样可以提供更...

    jQuery_AJAX 无刷新评论

    综上所述,"jQuery_AJAX 无刷新评论"涉及了前端JavaScript技术、jQuery库的使用以及AJAX请求的处理,通过这些技术实现了用户友好的交互体验。实际开发中,还需要考虑到数据验证、错误处理、性能优化等多个方面,以...

    jquery_ajax_table_php

    在本次的分析中,我们将讨论的主题是"jquery_ajax_table_php",其中涉及的关键技术知识点包括jQuery的AJAX操作、JSON数据处理、表单序列化以及PHP后端数据处理。 首先,我们从jQuery开始。jQuery是一个快速、小巧且...

    使用jQuery ajax提交表单代码

    在“使用jQuery ajax提交表单代码”的资源中,我们可以期待看到一个清晰的示例,展示如何将表单数据发送到服务器,并处理响应。 1. **jQuery的$.ajax()函数** - **基本语法**:`$.ajax({ options });` - **选项...

    jQuery_Ajax_Servlet全解析

    Servlet 可以接收由 jQuery AJAX 发送的请求,处理数据,然后返回响应。当 jQuery 发送 AJAX 请求时,Servlet 可以通过 `HttpServletRequest` 对象获取请求参数,通过 `HttpServletResponse` 对象设置响应内容。 在...

    jQuery_Ajax_实例_全解析(原作者版)

    - **数据提交**:对于需要发送大量数据的场景,如表单提交,推荐使用`jQuery.post`。 #### 四、总结 jQuery的Ajax功能极大地简化了Web开发中的异步通信过程。通过学习`load()`、`jQuery.get`和`jQuery.post`等方法...

    SSH2_jQuery_Ajax_Register2

    3. **Ajax请求**:利用jQuery的$.ajax()函数或者$.post()、$.get()方法发起异步请求,与服务器交换数据。 4. **JSON数据交换**:在Ajax请求中,数据通常以JSON格式传输,因为JSON轻量级且易于解析。Struts2可以通过...

    jquery_form_js 表单提交自定义源码

    jQuery Form插件是基于jQuery库的一个扩展,它允许开发者使用Ajax技术实现异步表单提交,从而提升用户体验,避免页面刷新。此外,它还支持多种提交方式,如POST、GET、PUT、DELETE等,并且可以处理文件上传。这个...

    jquery+ajax实现无刷新提交的功能

    通过上述分析可知,利用jQuery与Ajax技术实现无刷新提交功能的关键在于正确配置`$.ajax()`方法的各项参数,并确保后端逻辑能够正确处理接收到的数据。这种技术的应用极大提高了用户的操作体验,减少了不必要的资源...

    jquery-ajax.zip_php ajax jquery

    3. 响应处理:当PHP处理完请求后,它将返回数据,可能是JSON格式或HTML片段。jQuery的success回调函数将接收到这些数据,并可以将其插入到DOM中,更新页面内容。 4. 错误处理:同时,设置错误回调函数以捕获和处理...

    jQuery_ajax内容回顾

    或者在表单提交时,使用`$.post()`或`$.ajax()`发送数据到服务器,实时更新页面状态,而无需刷新页面。 总的来说,jQuery的Ajax功能极大地简化了与服务器的通信,使得前端开发者能够构建更加动态、交互性强的Web...

    JQuery UI 实现Ajax提交详细步骤

    本篇文章将详细讲解如何使用DWZ和JQuery UI来实现Ajax提交,涵盖增、删、改、查这四种基本操作。 **1. 添加记录** 在DWZ中,添加新记录通常涉及以下几个步骤: - **触发事件**:通过点击用户列表中的“添加”按钮...

Global site tag (gtag.js) - Google Analytics