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请求)

时间: 2024-08-02 19:22:39

JavaScript之Ajax-2 Ajax(使用Ajax发送get请求、使用Ajax发送post请求)的相关文章

《JavaScript权威指南》学习笔记之二十---XMLHttpRequest和AJAX解决方案

一.AJAX概述 AJAX是Asynchronous JavaScript and XML的缩写,中文译作异步JavaScript和XML.AJAX 不是新的编程语言,而是一种使用现有标准的新方法,在不重新加载页面的情况下,与服务器交换数据并更新部分网页的艺术.其核心是:客户端的Javascript能够与web服务器进行异步数据交换. 二.AJAX基础---XMLHttpRequest对象 所有现代浏览器(IE7+.Firefox.Chrome.Safari 以及 Opera)均内建 XMLHt

《JavaScript权威指南》学习笔记之二十---XMLHttpRequest和AJAX解决方式

一.AJAX概述 AJAX是Asynchronous JavaScript and XML的缩写.中文译作异步JavaScript和XML.AJAX 不是新的编程语言,而是一种使用现有标准的新方法.在不又一次载入页面的情况下,与server交换数据并更新部分网页的艺术. 其核心是:client的Javascript可以与webserver进行异步数据交换. 二.AJAX基础---XMLHttpRequest对象 全部现代浏览器(IE7+.Firefox.Chrome.Safari 以及 Oper

jQuery框架中$.ajax()的常用参数有哪些?写一个post请求并带有发送数据和返回数据的样例

sync是否异步 url请求地址 contentType发送信息至服务器时内容编码类型 data发送到服务器的数据 dataType预期服务器返回的数据类型 type请求类型 success请求成功回调函数 error请求失败回调函数 $.ajax({ url: "/jquery/test1.txt", type: 'post', data: { id: 1 }, success: function(data) { alert(data); } }

Ajax学习(二):模仿jQuery的Ajax封装工具

通过上一节的学习,基本了解Ajax的使用, 但是这样使用很麻烦,这里封装ajax为一个方法,作为一个ajax工具,传入相应参数就可以实现ajax的使用. 模仿jQuery的Ajax. 如下是jQuery的Ajax使用,只需要传入相应参数,即可实现Ajax 第一步:创建Ajax工具类: function createXMLRequst(){ try{ return new XMLHttpRequest(); }catch(e) { try{ return new ActiveXObject("Ms

Django-choices字段值对应关系(性别)-MTV与MVC科普-Ajax发json格式与文件格式数据-contentType格式-Ajax搭配sweetalert实现删除确认弹窗-自定义分页器-批量插入-07

目录 models 字段补充 choices 参数/字段(用的很多) MTV与MVC模型 科普 Ajax 发送 GET.POST 请求的几种常见方式 用 Ajax 做一个小案例 准备工作 动手用 Ajax 实现效果 contentType 前后端传输数据编码格式 ajax 提交数据 ajax发 json 格式数据 ajax 传文件 序列化组件 利用 sweetalert 搭建页面(弹窗) 弹窗中文支持不太好,手动修改样式 页面数据没刷新的问题 自定义分页器 批量插入测试数据 bulk_creat

PHP判断一个请求是Ajax请求还是普通请求

先说前端使用 jQuery 时怎么区分: jQuery 发出 ajax 请求时,会在请求头部添加一个名为 X-Requested-With 的信息,信息内容为:XMLHttpRequest 在后端可以使用 $_SERVER["HTTP_X_REQUESTED_WITH"] 来获取.(注意:中划线换成了下划线,不区分大小写) 由此,我们可以这样来判断是否为 ajax 请求: // php 判断是否为 ajax 请求 <a href="http://www.cnblogs.

客户端ajax请求为实现Token验证添加headers后导致正常请求变为options跨域请求解决方法

客户端为了实现token认证,通过Jquery的ajaxSetup方法全局配置headers: 全局配置headers后会导致部分不需要token认证的请求变为options请求,导致跨域访问.报错信息如下: CORS概念 支持CORS请求的浏览器一旦发现ajax请求跨域,会对请求做一些特殊处理,对于已经实现CORS接口的服务端,接受请求,并做出回应. 有一种情况比较特殊,如果我们发送的跨域请求为"非简单请求",浏览器会在发出此请求之前首先发送一个请求类型为OPTIONS的"

PHP处理Ajax请求与Ajax跨域

PHP判断是否为Ajax请求 我们知道,在发送ajax请求的时候,可以通过XMLHttpRequest这个对象,创建自定义的header头信息, 在jquery框架中,对于通过它的$.ajax, $.get, 或者$.post方法请求网页内容时,它会向服务器传递一个HTTP_X_REQUESTED_WITH的参数,php中就是在header一层判断是否是ajax请求,对应的根据$_SERVER['HTTP_X_REQUESTED_WITH']判断.一般情况下$_SERVER['HTTP_X_RE

AJAX请求返回HTTP 400 错误 - 请求无效 (Bad request)

在ajax请求后台数据时有时会报HTTP400错误-请求无效(Badrequest);出现这个请求无效报错说明请求没有进入到后台服务里: 原因: 1)前端提交数据的字段名称或者是字段类型和后台的实体类不一致,导致无法封装: 2)前端提交的到后台的数据应该是json字符串类型,而前端没有将对象转化为字符串类型: 3)少传参数,后台要求必传的参数 解决方案: 1)对照字段名称,类型保证一致性 2)使用stringify将前端传递的对象转化为字符串data:JSON.stringify(param);

答网友问:用SMTP模式发送,为什么还有一半发送不成功

有网友问我这么一个问题.他问:"我昨天用SMTP模式发送,为何还有一半的邮件的邮件发送不成功呢?发送了900封,成功发送了460封左右." 答:"目前用SMTP模式发送主要存在三个问题,第一个是发件箱每天的发送量是有限制的,一般在100-200封左右,超过的部分容易屏蔽:第二个问题是频繁利用一个电脑的IP去调用邮局的SMTP,容易导致IP被列入黑名单,发送垃圾邮件就更容易出现这样的问题:第三点是邮件内容一样,频繁发送也会导致内容被监控屏蔽,从而导致发送失败." 解决