`

ajax 参数详解

 
阅读更多

url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。

type: 要求为String类型的参数,请求方式(postget)默认为get。注意其他http请求方法,例如put

      delete也可以使用,但仅部分浏览器支持。

timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。

async:要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为false。注意,同步请求将锁住浏览器,用户其他操作必须等待请求完成才可以执行。

cache:要求为Boolean类型的参数,默认为true(当dataTypescript时,默认为false)。

       设置为false将不会从浏览器缓存中加载请求信息。

data: 要求为ObjectString类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格      式。get请求中将附加在url后。防止这种自动转换,可以查看processData选项。对象必须为key/value

      式,例如{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar1&foo2=bar2。如果是数组,JQuery将自动为不同

      值对应同一个名称。例如{foo:["bar1","bar2"]}转换为&foo=bar1&foo=bar2

dataType: 要求为String类型的参数,预期服务器返回的数据类型。如果不指定,JQuery将自动根据httpmime

          信息返回responseXMLresponseText,并作为回调函数参数传递。

          可用的类型如下:

          xml:返回XML文档,可用JQuery处理。

          html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。

          script:返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求

                  时(不在同一个域下),所有post请求都将转为get请求。

          json:返回JSON数据。

          jsonpJSONP格式。使用SONP形式调用函数时,例如myurl?callback=?JQuery将自动替换后一个

                “?”为正确的函数名,以执行回调函数。

          text:返回纯文本字符串。

beforeSend:要求为Function类型的参数,发送请求前可以修改XMLHttpRequest对象的函数,例如添加自定义

            HTTP头。在beforeSend中如果返回false可以取消本次ajax请求。XMLHttpRequest对象是惟一的参

            数。

            function(XMLHttpRequest){

               this;   //调用本次ajax请求时传递的options参数

            }

complete:要求为Function类型的参数,请求完成后调用的回调函数(请求成功或失败时均调用)。

          参数:XMLHttpRequest对象和一个描述成功请求类型的字符串。

          function(XMLHttpRequest, textStatus){

             this;    //调用本次ajax请求时传递的options参数

          }

success:要求为Function类型的参数,请求成功后调用的回调函数,有两个参数。

         (1)由服务器返回,并根据dataType参数进行处理后的数据。

         (2)描述状态的字符串。

         function(data, textStatus){

            //data可能是xmlDocjsonObjhtmltext等等

            this;  //调用本次ajax请求时传递的options参数

error:要求为Function类型的参数,请求失败时被调用的函数。该函数有3个参数,即XMLHttpRequest对象、错

       误信息、捕获的错误对象(可选)

       ajax事件函数如下:

       function(XMLHttpRequest, textStatus, errorThrown){

          //通常情况下textStatuserrorThrown只有其中一个包含信息

          this;   //调用本次ajax请求时传递的options参数

       }

contentType:要求为String类型的参数,当发送信息至服务器时,内容编码类型默认

             "application/x-www-form-urlencoded"。该默认值适合大多数应用场合。

dataFilter:要求为Function类型的参数,给Ajax返回的原始数据进行预处理的函数。

            提供datatype两个参数。dataAjax返回的原始数据,type是调用jQuery.ajax时提供的

            dataType参数。函数返回的值将由jQuery进一步处理。

            function(data, type){

                //返回处理后的数据

                return data;

            }

global:要求为Boolean类型的参数,默认为true。表示是否触发全局ajax事件。设置为false将不会触发全局

        ajax事件,ajaxStartajaxStop可用于控制各种ajax事件。

 

 

实例:

 

$.ajax({
   type: 'POST',
   url: '${systemctx}/pay/phoneNum.json',
   data: $('#form1').serializeObject(),
   dataType: 'json',
   async:false,
   success: function (data) {
    bz = data.ide;
    respMsg = data.msg;
   }
  });
  
  if(bz =="Y"){
   $("#form1").attr('action', '${systemctx}/pay/payGate.json');
   $("#form1").submit();
  }else{
   alert("短信验证码错误");
  }
  
 });

分享到:
评论

相关推荐

    ajax参数详解

    而AJAX的参数详解涉及到了在使用AJAX进行数据交互时各个参数的意义及使用方法,以及如何处理返回状态和状态函数来获取数据。 首先,来看看url参数,这是AJAX请求中的必填项,它指定了请求发送的目标地址。url可以是...

    Node.js解析ajax参数Demo

    **Node.js解析Ajax参数Demo** 在Web开发中,前端与后端的数据交互是必不可少的,Ajax(Asynchronous JavaScript and XML)技术就是实现这种交互的重要手段。在这个“Node.js解析Ajax参数Demo”中,我们将深入探讨...

    $.ajax()方法参数详解

    熟练掌握$.ajax()的参数设置对于前端开发至关重要。以下是对这些参数的详细解释: 1. **url**: 这是一个String类型的参数,表示发送请求的目标地址。默认值是当前页面的URL。你可以指定任何有效的HTTP/HTTPS URL来...

    JQuery中$.ajax()方法参数详解

    $.ajax()方法是jQuery中进行Ajax请求的主要接口,它接受一系列参数来定制请求的行为。以下是对这些参数的详细解释: 1. **url**:这是一个String类型的参数,表示要发送请求的服务器端URL。默认情况下,它是当前...

    jQuery_Ajax全解析

    ### jQuery Ajax 全解析 #### 一、简介 jQuery 是一个非常流行的 JavaScript 库,它极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。特别是其提供的 Ajax 功能使得开发者能够更加便捷地实现网页...

    Jquery中$.ajax()方法参数详解

    俗说好记性不如个烂笔头,下面是jquery中的ajax方法参数详解,这里整理了一些供大家参考。  1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。 2.type: 要求为String类型的参数,请求方式...

    JQuery AJAX参数详解补充附示例

    除了上述参数外,$.ajax() 还可以接受其他如 url、type、data、dataType、success、error 等参数,每项参数都有其特定的作用和用法,用来完成 AJAX 请求的各种定制化需求。 例如,一个基本的 AJAX 请求可以如下所示...

    Ajax 开发详解,Ajax开发详解

    - 《Ajax开发详解.pdf》:这份文档可能详细介绍了Ajax的各种细节和最佳实践。 - "下载必看.htm":可能是关于Ajax开发的一些提示或注意事项。 - "飞娥软件Feiesoft.com.url":可能指向一个提供Ajax开发工具或教程...

    SpringMVC Controller解析ajax参数过程详解

    SpringMVC Controller解析ajax参数过程详解 在本文中,我们将详细介绍SpringMVC Controller解析ajax参数的过程,并通过示例代码来演示整个过程。 首先,在前端部分,我们使用JavaScript和jQuery库来发送ajax请求。...

    jquery ajax 向后台传递数组参数示例

    本文将深入讲解如何在jQuery AJAX中向后台传递数组参数,并提供示例代码。 首先,理解问题的关键在于JavaScript数组在传递给后台时,如果数组内包含的是对象,会被转化为`[object Object]`的字符串形式。这是因为...

    ajax详解.pdf

    ### Ajax详解知识点归纳 #### 一、Ajax概述 **1.1 什么是Ajax** - **定义**: Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)并非一项全新的技术,而是一种利用现有技术的新方法,旨在改善用户...

    jquery $.ajax()的所有参数

    ajax的操作说明详解文档,jquery $.ajax()的所有参数

    Ajax 解析XML+json总结

    然而,实际应用中,XML已经不再是Ajax数据交互的主要格式,JSON(JavaScript Object Notation)因其简洁、易于解析的特性,逐渐成为首选。下面我们将深入探讨Ajax解析XML和JSON的相关知识点。 **一、Ajax基本原理**...

    简单的jquery ajax实例,简单明了特别实用

    ### 二、AJAX参数详解 - **url**: 必需,指定请求的URL。 - **type**: 可选,请求类型,如"GET"、"POST"。 - **data**: 可选,发送到服务器的数据,通常是一个对象。 - **dataType**: 可选,预期服务器返回的数据...

    ajax中使用javascript的send方法post参数

    ### AJAX中使用JavaScript的send方法POST参数详解 #### 一、引言 在Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛应用于实现网页的局部刷新,提升用户体验。其中,通过JavaScript发送POST请求是一...

    AJAX详解,菜鸟请进

    2. **初始化请求**:设置请求的URL、HTTP方法(GET或POST)、是否异步等参数。 3. **打开连接**:调用`open()`方法开启与服务器的连接。 4. **发送请求**:使用`send()`方法发送请求,如果是POST请求,还需提供...

    ajax解析json实例

    当AJAX请求成功后,服务器返回的JSON数据会在success回调函数的data参数中。我们可以使用JavaScript的内置方法`JSON.parse()`将JSON字符串转换为JavaScript对象: ```javascript success: function(data) { var ...

    ajax传递中文参数乱码解决办法

    在使用AJAX向服务器发送请求时,如果请求参数中包含中文字符,可能会因为编码方式不一致导致接收方解析出错,从而出现乱码现象。这主要是由于客户端(如浏览器)和服务器端默认采用的字符集可能不同所导致的。 ####...

Global site tag (gtag.js) - Google Analytics