JavaScript之Ajax-2 Ajax(使用Ajax发送get请求使用Ajax发送post请求)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript之Ajax-2 Ajax(使用Ajax发送get请求使用Ajax发送post请求)相关的知识,希望对你有一定的参考价值。

一、使用Ajax发送get请求


发送异步请求的步骤

  - 获取Ajax对象:获取 XMLHttpRequest对象实例

  - 创建请求:调用XMLHTTPRequest对象的open方法

  - 设置回调函数:为Ajax对象的 onreadystatechange事件设定响应函数

  - 发送请求:调用Ajax对象的send方法

      - 获取Ajax对象    技术分享

      - 创建请求

        技术分享

        - 注意:

        - true:表示发送异步请求(当Ajax对象发送请求时,用户仍然可以对当前页面做其它的操作)

        - false:表示发送同步请求(当Ajax对象发请求时,浏览器会锁定当前页面,用户不能对当前页面做其它操作)

      - 设置回调函数

         技术分享

      - 发送请求

技术分享    

编写服务器端代码

  - 服务器返回的一般是部分数据,比如一个简单的文本

技术分享    


二、使用Ajax发送post请求


发送字符串

技术分享

  - POST请求:

      - 需手动设置请求消息头为 application/x-www-form-urlencoded

      - send方法内传递的是提交参数,没有可为null


总结:本章内容主要介绍了 Ajax(使用Ajax发送get请求、使用Ajax发送post请求)


本文出自 “会飞的蚂蚁” 博客,谢绝转载!

以上是关于JavaScript之Ajax-2 Ajax(使用Ajax发送get请求使用Ajax发送post请求)的主要内容,如果未能解决你的问题,请参考以下文章

Ajax(Asynchronous Javascript And XML)

Ajax知识点:什么是Ajax?Ajax应用原理是什么?

JavaScript之Ajax之美~

JavaScript之Ajax-1 Ajax(Ajax原理Ajax对象属性和方法)

Vue.js 基础2

Vue.js 基础2