Ajax与jQuery发送请求步骤

一、Ajax;

1.创建XMLHttpRequest( );

 var xhr=new XMLHttpRequest();

2.规定请求的类型、URL 以及是否异步处理请求;

xhr.open("请求方式",`请求地址`,异步true/同步false);

3.执行 发送动作;

xhr.send();

4.指定回调函数,接收服务器响应;

xhr.onreadystatechange=function(){
                if(xhr.readyState ==4 && xhr.status==200){
                    let obj= JSON.parse( xhr.responseText )
                     if(obj.err_code =="ok"){
                        console.log("添加成功 --下一步");
                    }else{
                        alert("服务器挂了");
                    }
                }
            }

二、jQuery Ajax方法;

1.url,String类型URL请求地址;

 $.ajax({
        "url":"/add",
        })

2.type,请求方式(POST或GET);默认GET;

 "type":"POST",

3.发送到服务器的数据,key/value格式,

 "data":{
                    "name":name,
                    "password":password
                 },
  1. 数据返回格式;返回值的类型 text 、json、jsonp、xml、html、script
 "dataType":"text", 

5.默认true异步请求;

 "async":true,

6.请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态

 "success":function(res){
                   console.log(res);
             },
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: 1. 创建XMLHttpRequest对象:使用JavaScript创建XMLHttpRequest对象,该对象用于向服务器发送请求和接收响应。 2. 设置请求参数:使用jQueryajax方法设置请求参数,包括请求的URL、请求类型、数据类型、请求头等。 3. 发送请求:使用jQueryajax方法发送请求,将请求参数传递给服务器。 4. 处理响应:当服务器返回响应时,jQueryajax方法会自动调用回调函数来处理响应数据。 5. 更新页面:根据服务器返回的数据,使用JavaScript更新页面内容,例如添加新的HTML元素、修改CSS样式、更新数据等。 ### 回答2: jQuery是一款优秀的JavaScript库,它为我们提供了一系列便捷的API,其中之一就是Ajax请求。在使用jQuery进行Ajax请求时,一般需要经过以下五个步骤: 1. 创建 XMLHttpRequest 对象 在进行Ajax请求之前,我们需要创建 XMLHttpRequest(简称XHR)对象。jQuery已经为我们封装了这个过程,可以通过$或jQuery函数来创建XHR对象,如下所示: ``` var xhr = $.ajax(); ``` 2. 设置请求参数 在创建XHR对象之后,我们需要设置Ajax请求的一些参数,如请求方法、请求地址、请求数据、请求头等。这些参数可以通过xhr对象的一系列方法进行设置,如下所示: ``` xhr.method('GET').url('example.com').data({id: 123}).header('Content-Type', 'application/json'); ``` 3. 发送请求 当我们设置好请求参数之后,就可以通过xhr对象的send方法来发送Ajax请求了。该方法的调用会触发请求,并且会将请求参数作为请求发送到服务器。 ``` xhr.send(); ``` 4. 监听响应 在发送Ajax请求之后,我们需要监听响应结果,以便进行后续处理。这可以通过xhr对象的一系列回调函数来实现,如success、error、complete等。 ``` xhr.success(function(data, status, xhr) { // 处理响应数据 }).error(function(xhr, status, error) { // 处理响应错误 }).complete(function(xhr, status) { // 请求完成回调 }); ``` 5. 处理响应结果 最后,我们可以在相应的回调函数中对响应结果进行处理,如解析JSON数据、渲染页面等。 综上所述,jQuery Ajax请求的五个步骤为创建XHR对象、设置请求参数、发送请求、监听响应、处理响应结果。通过使用jQuery,我们可以轻松地进行Ajax请求,并且得到更好的用户体验。 ### 回答3: jQuery Ajax请求是前端中比较常用的异步请求方式之一,能够实现页面无刷新更新数据的效果。下面分别介绍jQuery Ajax请求的五个步骤: 1. 创建一个XMLHttpRequest对象: 在jQuery中,我们使用$.ajax()函数来创建一个XMLHttpRequest对象,该对象是用来向服务器发送请求并接收响应的一个重要工具。 2. 设置请求相关的参数: 在创建完XMLHttpRequest对象后,我们需要为该对象设置请求相关的参数,例如请求的URL地址、请求的方式、请求的数据格式等等。可以使用$.ajax()函数中的url、type、data等参数来设置请求相关的参数。 3. 发送请求: 设置完成请求相关的参数后,我们通过调用XMLHttpRequest对象的send()方法来发送请求。 4. 接收并处理服务器响应: 服务器响应通常是以XML或JSON格式返回的,在客户端接收到服务器响应后,我们需要对其进行处理,例如解析、渲染等操作。可以使用jQuery中的success、error等回调函数来处理服务器响应。 5. 渲染响应数据: 最后一步是将服务器响应返回的数据渲染到页面上。通常我们可以使用jQuery的DOM操作或模板引擎等方式来将数据渲染到页面中,实现无刷新更新数据的效果。 总之,jQuery Ajax请求的五个步骤是:创建XMLHttpRequest对象、设置请求相关的参数、发送请求、接收并处理服务器响应、渲染响应数据。掌握这些步骤,能够帮助我们完成前端数据和后端数据的交互,实现更加动态和流畅的页面效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值