`
编程足球
  • 浏览: 257083 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

jquery 的ajax 基本用法

阅读更多
最近要使用到jquery,整理下jquery中异步的格式:

1)客户端脚本
$.ajax({
     type: "POST",// 请求类型
     url: "selectDocument.do",//请求的地址
     dataType : "json",//预期服务器返回的数据类型
     data: {},//  发送到服务器端的数据
     success: function(msg)
     {
//      成功时候调用
     },
     error : function()
     {
//      出错,时候调用
      }
});


上面的例子是最简单和常用的ajax的请求方式。
data类型的格式一般常用的就是json的方式进行传递
var propertyList = 'xxxxx';
data: {requestType : 'documentwholeExist',property:propertyList},


2)在服务器端的处理
//  获得数据
request.getParameter("requestType");
//  .......自己的逻辑处理


//   将数据返回到客户端 json类型的数据
JSONObject json = new JSONObject();
json.put("success", isSuccess);
//.........添加多个要返回的数据
response.getWriter().write(json.toString());
response.getWriter().flush();


3)客户端接收服务器传递过来的数据
//   ajax把传递回来的数据都保存在了
success: function(msg)
{}

//   可以把msg直接看成一个js对象进行操作
success: function(msg)
{
     alert(msg);
     alert(msg.success);
}

分享到:
评论

相关推荐

    jquery ajax demo

    综上所述,"jquery ajax demo"涵盖了jQuery AJAX的基本用法和高级特性,以及如何与jQuery UI结合使用,提供了一套完整的实践教程。通过这些知识,开发者能够高效地实现异步数据通信,提升Web应用的用户体验。

    jquery 的ajax用法

    本文将深入探讨jQuery中的Ajax用法,包括基本使用、参数配置、请求类型以及处理响应。 ### 1. 基本使用 jQuery的Ajax方法是`$.ajax()`,其基本语法如下: ```javascript $.ajax({ url: '...

    jQuery Ajax前后端使用JSON进行交互示例

    本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例,实现前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端,有兴趣的可以了解一下。

    asp+jquery ajax实例源码,添加,删除,修改,分页

    - jQuery的$.getJSON()和$.get()、$.post()方法使AJAX请求更易编写,同时提供了一系列便利的事件处理函数,简化了页面元素的操作。 - 结合使用,可以轻松实现如分页链接的点击事件监听,触发AJAX请求,更新页面...

    Jquery ajax方式读取txt文件、Jquery分页.

    具体使用方法需要参照该插件的文档。 总的来说,jQuery的AJAX功能与分页插件相结合,可以有效地实现动态加载和展示TXT文件内容,以及处理大量数据的分页显示。这些技术在网页开发中非常常见,对于提升用户体验具有...

    vue基本环境+jquery ajax应用

    然而,如果你不想使用axios,而是选择jQuery的AJAX功能(如`$.ajax`、`$.get`、`$.post`等方法),这也是可行的。jQuery已经广泛应用于许多老项目中,其AJAX功能强大且成熟。在Vue项目中,你可以通过全局安装jQuery...

    jqueryajax jquery ajax

    2. **$.ajax()** 函数是jQuery的核心AJAX方法,用于发起异步请求。例如: ```javascript $.ajax({ url: 'example.php', type: 'POST', data: {key: 'value'}, success: function(response) { // 处理响应数据...

    jquery ajax源代码

    ### jQuery AJAX 源代码分析 #### 一、概述 jQuery 是一款优秀的 JavaScript 库,它简化了 HTML 文档遍历、...通过深入理解 jQuery AJAX 的工作原理和使用方法,可以更加高效地开发出具有异步交互功能的应用程序。

    html静态页JQuery ajax示例demo 源码

    在jQuery库中,AJAX功能被简化并封装成了易于使用的API。`$.ajax()`是jQuery提供的核心AJAX函数,它允许我们配置各种选项来定制请求,如URL、请求类型(GET或POST)、数据类型(JSON、XML、HTML等)以及请求成功或...

    Jquery ajax json 总结

    本文将深入探讨这两个概念以及它们在实际应用中的使用方法。 首先,JQuery 的 AJAX(Asynchronous JavaScript and XML)功能允许开发者在不刷新整个网页的情况下与服务器进行通信,实现了页面的动态更新。它通过...

    使用jQuery ajax提交表单代码

    本文将深入探讨如何使用jQuery的ajax方法来提交表单,从而实现异步数据交换,提高用户体验。 首先,jQuery的$.ajax()函数是进行Ajax请求的核心,它允许我们与服务器进行异步数据通信。在“使用jQuery ajax提交表单...

    传智播客 jQuery ajax 课件

    1. **jQuery AJAX基本使用** - `$.ajax()`: 这是jQuery中最核心的AJAX函数,用于发起一个完整的AJAX请求。参数包括URL、类型(GET或POST)、数据、回调函数等。 - `$.get()`: 用于发起GET请求,简化了`$.ajax()`的...

    Jquery Ajax简易计算器

    2. **创建AJAX请求**:jQuery的`.ajax()`方法用于创建AJAX请求。在这个例子中,我们可能使用类似`$.ajax({ url: 'Handler.ashx', type: 'POST' })`的代码,其中`url`指定服务器端的处理程序,`type`指明请求类型...

    jQuery Ajax过滤器

    jQuery库简化了Ajax操作,它内置了一系列强大的Ajax方法,其中包括Ajax过滤器功能,使得在处理数据时能够进行更精细的控制和优化。本文将深入探讨jQuery中的Ajax过滤器及其在Ajaxform表单提交中的应用,以及如何解决...

    Jquery Ajax 前后台数据传输

    本文将详细介绍使用jQuery AJAX实现三种不同方式的前后台数据传输,以及如何处理界面内容的传值和返回值。 1. **基本的AJAX调用** jQuery提供了`$.ajax()`方法,它是所有其他AJAX功能的基础。例如,我们可以使用...

    jquery ajax 与后台验证

    在网页开发中,jQuery AJAX 是一种非常重要的技术,它允许前端和后端进行异步通信,无需刷新整个页面。无刷验证(又称实时验证或AJAX验证)是这种技术的一个典型应用,它提高了用户体验,因为在用户输入数据时,可以...

    java程序使用jquery AJAX

    以下是一个使用jQuery AJAX的示例: ```javascript $.ajax({ url: "http://yourserver.com/yourjavaendpoint", // 这是你的Java服务端接口地址 type: "POST", // 请求类型,可以是GET或POST data: JSON....

    spring与jquery ajax交互 和 servlet与jquery ajax交互

    在客户端,我们可以使用jQuery的`.ajax()`方法发起AJAX请求。以下是一个简单的例子: ```javascript $.ajax({ url: '/api/user', type: 'GET', data: { id: 1 }, success: function(user) { // 处理返回的用户...

    Jquery Ajax动态增删改查

    一、jQuery AJAX的基本用法 1. `$.ajax()`: 这是jQuery提供的核心AJAX函数,它接受一个包含各种选项的对象作为参数,如URL、类型(GET或POST)、数据、回调函数等。例如: ```javascript $.ajax({ url: 'your_...

    jquery的ajax方法

    在Web开发中,jQuery的Ajax功能极大地简化了XMLHttpRequest对象的使用,使得前端与后端的数据交换变得更加便捷。 **$.ajax()**是jQuery中最全面的Ajax请求函数,它允许我们自定义各种参数以满足不同的需求。通过这...

Global site tag (gtag.js) - Google Analytics