`
linshihao
  • 浏览: 8198 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JQuery ajax 使用

阅读更多
$.get 方法通过远程 HTTP GET 请求载入信息。
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
它的主要几个参数,像method,async等进行了默认设置,我们不可以改变的

$.post(URL,data,callback);

$("button").click(function(){
  $.get("test.jsp",function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

一、$.ajax的一般格式

$.ajax({

     type: 'POST',

     url: url ,

    data: data ,

    success: success ,

    dataType: dataType

});


二、$.ajax的参数描述

参数 描述

url 必需。规定把请求发送到哪个 URL。
data 可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数。
dataType  可选。规定预期的服务器响应的数据类型。 默认执行智能判断(xml、json、script 或 html)。
async 类型:Boolean 默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。
注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。如果执行后还需要执行其他函数的必须用同步
cache:如果cache为true,会缓存ajax结果,第二次及更多次的调用会用缓存中的结果。
如果不想使用缓存,只要cache:false就可以了。


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

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

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



四、$.ajax我的实际应用例子

//1.$.ajax带json数据的异步请求
   
 $.ajax({
                url: '${root}/wap/3d/getNotPrizeUserCount/${uuid}',// 跳转到 action  
                dataType: 'json',
                data:{  
                 selRollBack : selRollBack,  
                 selOperatorsCode : selOperatorsCode,  
                 PROVINCECODE : PROVINCECODE,  
                 }, 
                async: false,
                success: function (data) {
                    if (data.result == 1) {
                        return false;
                    } else {
                        notPrizeUserCount = data.notPrizeUserCount;
                    }
                },
                error: function () {
                }
            });

//2.$.ajax序列化表格内容为字符串的异步请求
function noTips(){  
    var formParam = $("#Myform").serialize();//序列化表格内容为字符串  
     $.ajax({  
         type:'post',      
         url:'url',  
         data:formParam,  
        cache:false,  
         dataType:'json',  
         success:function(data){  
         }  
     });  
}  


更详细的文档可以看:http://hemin.cn/jq/
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    jQuery Ajax使用 全解析

    ### jQuery Ajax使用时的注意事项 - **跨域问题:** 如果请求的URL跨域,则需要服务器端支持CORS。 - **回调函数中的this指向:** 在回调函数中,this通常指向当前的DOM元素或Ajax请求的配置选项,具体取决于调用...

    jqueryajax使用jQuery简化Ajax开发—Ajax开发入门[1]

    ### 使用jQuery简化Ajax开发 #### 1. 什么是jQuery? jQuery是一个非常优秀的JavaScript库,它在2006年由John Resig创立。无论你是JavaScript的新手还是专家,jQuery都能简化DOM(Document Object Model)和Ajax的...

    Jquery Ajax分页(有实例)

    - 对于文字分页,我们可以看到如何使用jQuery选择器定位分页元素,动态生成和更新页码链接,同时通过AJAX请求获取新的数据。 - 图片分页可能涉及到图片预加载和懒加载技术,确保在用户滚动到相应位置时,图片能够...

    jquery ajax框架

    `readme.txt`通常包含有关压缩包内容的说明,可能解释了如何使用这些文件,或者提到了关于jQuery AJAX使用的注意事项。 总的来说,jQuery AJAX框架为开发者提供了一套强大且易于使用的工具,以实现高效的数据交互和...

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

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

    jquery ajax用json传值实例asp.net

    2. **jQuery AJAX使用**:$.ajax()方法是jQuery中的核心API,用于执行异步HTTP (Ajax) 请求。下面是一个基本的$.ajax()调用实例: ```javascript $.ajax({ url: 'your_server_side_script.aspx', type: 'POST', /...

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

    - 在前端,jQuery监听表单提交事件,阻止默认的表单提交行为,然后使用$.ajax()发送包含新数据的POST请求到ASP服务器端脚本。 - ASP接收到请求后,通过ADO(ActiveX Data Objects)处理数据库操作,如使用SQL ...

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

    在给定的标题和描述中,主要涉及两个关键知识点:使用jQuery的AJAX方法读取TXT文件和实现jQuery分页功能。接下来,我们将深入探讨这两个主题。 首先,我们来讨论如何使用jQuery的AJAX方法读取TXT文件。AJAX(异步...

    使用jQuery ajax提交表单代码

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

    jqueryajax jquery ajax

    **jQuery AJAX** 是一个在Web开发中广泛使用的JavaScript库,由John Resig于2006年创建。jQuery简化了JavaScript中的异步HTTP(Ajax)请求,使得开发者能够轻松地与服务器进行数据交互,实现页面的局部刷新,提高...

    html静态页JQuery ajax示例demo 源码

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

    jquery ajax Datatable与json之间数据转换

    jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换...

    jquery ajax源代码

    在提供的代码片段中,可以看到两个函数:`doload1` 和 `doload2`,它们都使用了 jQuery 的 AJAX 方法来发送请求并处理返回的数据。 ##### 2.1 doload1 函数 ```javascript function doload1() { $.ajax({ url: ...

    使用 jquery ajax访问后台服务器demo

    使用 jquery ajax访问后台服务器demo

    java程序使用jquery AJAX

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

    JqueryAjax简单实例

    在这个"JqueryAjax简单实例"中,我们主要关注如何在Visual Studio 2005 C#环境下利用jQuery实现AJAX的功能。首先,我们需要确保项目中已经引入了jQuery库。这通常通过在HTML头部添加jQuery库的CDN链接或者将jQuery....

    Jquery Ajax简易计算器

    jQuery封装了AJAX函数,使得开发者可以更轻松地使用AJAX。 **AJAX工作原理** 1. **用户触发事件**:用户在计算器界面上输入数字或点击运算符按钮。 2. **创建AJAX请求**:jQuery的`.ajax()`方法用于创建AJAX请求。...

    jQuery Ajax过滤器

    **jQuery Ajax过滤器详解** 在Web开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于页面异步更新,提供更流畅的用户体验。jQuery库简化了Ajax操作,它内置了一系列强大的Ajax方法,其中包括Ajax...

    jQuery Ajax 实例 全解析

    jQuery Ajax 实例 全解析; jQuery Ajax 实例 全解析;

    Struts2+jQuery ajax的一个商品小系统

    5. **Ajax请求**:在前端,使用jQuery的`$.ajax()`或者更高级的`$.post()`、`$.get()`方法发送Ajax请求,例如添加商品时,将商品信息发送到服务器。 6. **JSP页面**:展示商品列表和详细信息,使用Struts2的标签库...

Global site tag (gtag.js) - Google Analytics