ajax请求五个步骤!_Kaizd的博客-程序员秘密_ajax请求的五个步骤

技术标签: java  post  ajax  

ajax请求五个步骤!

今天 咱们讲一讲Ajax请求五个步骤!
1.创建XMLHttpRequest异步对象

var xhr;
if (window.XMLHttpRequest)
  {
    // code for IE7+, Firefox, Chrome, Opera, Safari
  xhr=new XMLHttpRequest();
  }
else
  {
    // code for IE6, IE5
  xhr=new ActiveXObject("Microsoft.XMLHTTP");
  }

2.设置回调函数

xhr.onreadystatechange = callback

3.使用open方法与服务器建立连接

// get 方式
xhr.open("get", "test.php", true)

// post 方式发送数据 需要设置请求头
xhr.open("post", "test.php", true)
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")

4.向服务器发送数据

// get 不需要传递参数
xhr.send(null)

// post 需要传递参数
xhr.send("name=jay&age=18")

5.在回调函数中针对不同的响应状态进行处理

function callback() {
    
  // 判断异步对象的状态
  if(xhr.readyState == 4) {
    
    // 判断交互是否成功
    if(xhr.status == 200) {
    
      // 获取服务器响应的数据
      var res = xhr.responseText
      // 解析数据
      res = JSON.parse(res)
    }
  }
}

最后补充一下哈 !
在这里插入图片描述

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Kaizd/article/details/112102343

智能推荐

iOS 适配iPhone X 等刘海屏幕手机_王 哪跑!!!的博客-程序员秘密

现在这个阶段适配iPhone X的等刘海屏幕的手机方式有很多,一个是通过代码来适配还有一种是通过Xib、StoryBoard。首先是我们来说一下代码适配,既然是适配iPhone X,当然需要知道需要适配哪些机型,返回YES代表是异形曲面屏#import <SystemConfiguration/CaptiveNetwork.h>/** 判断手机是否是异形屏幕 ...

Mac应用程序无法打开提示不明开发者或文件损坏_tanghongchang123的博客-程序员秘密

方式一:在安装Mac电脑应用程序的时候,经常会遇到“xxx.app已损坏,打不开。您应该将它移到废纸篓“或”打不开的xxx.app,因为它来自身份不明的开发者”,如图:正在上传…重新上传取消遇到上述情况是不是真的要移动到废纸篓呢?下面小编就为您带来Mac应用程序无法打开提示不明开发者或文件损坏的处理方法,解答Mac应用程序无法打开的问题。打开系统偏好设置界面,进入安全性与隐私...

ora-600 kclcls_8问题处理_大枫树林的博客-程序员秘密

2013 年6月9号 周末dbms: oracle11.1.0.7   4nodes RAC报系统运行变的极度缓慢查看系统等待事件,积压了很多的类如下语句查看第一个节点的insert into counterloadmessage(emsid,emsentityid,equipmentid,moentityid,startday,starttime,period,indicat

面试题:给你一个5升和3升的水壶怎么打4升的水_qq_20585527的博客-程序员秘密

(一)1、先装满bai5斤桶,再倒入3斤桶,倒掉3斤桶里du的水,再把剩的2斤水zhi倒入3斤桶里。2、装满dao5斤桶,再倒满3斤桶,这样5斤桶里剩下4斤水(二)先装3斤桶然后倒进5斤桶,再装3斤桶然后倒进5斤桶,3斤桶剩余1斤,把5斤桶水倒掉,再把1斤水倒进5斤桶,再装3斤桶然后倒进5斤桶,就是4斤了...

backtrack 5 for ARM 教程mb860_Evil_Zero_fly的博客-程序员秘密

搞了三天三夜,努力努力,坚持不懈百度,谷歌,必应,有道,轮番搜索,不知道参考了多少篇文档。            功夫不负有心人,总算有点眉目了。。准备写下来,分享一下;鄙人文笔,自幼拙劣。书写不到,表达不明之处,希望大家多多谅解;为了是不同需求,多处转帖。。。。应大家不同要求 闲话少说,开始重点。。 我用的是   摩托  A4 mb860 armv7 2.3.4

随便推点

php唯一入口,PHP整合你的站点入口_桃花欲语春不归的博客-程序员秘密

大家也许经常在网上看到这样的路径(http://www.aaa.com/aaa/bbb/aaa?id=5),让人不解,这样的的实现方式有几种可能性:1、隐藏文件的扩展名,对这种做法的好处,众说纷纭,不过个人觉得没有必要;2、用了的重定向规则,实现虚拟路径;3、强制文件解析的方式,实现虚拟路径。用第2/3种方法可以实现的统一接口,合理的整合,更好的体现的安全性和架构,用这两种方式的大多是使用"MVC...

DVWA-CSRF-low级别_士别三日wyx的博客-程序员秘密

这是一个修改密码的页面 , 输入两次相同的密码即可修改密码 , 我们先看源码 , 获取了输入框的密码后 , 从Cookie中获取了当前登录的用户名 , 就直接修改密码 , 修改之前并没有验证用户身份 , 也就是说 , 只要Cookie中存在登录的用户 , 就可以修改登录用户的密码它是GET请求提交的 , 提交的请求长这个样子http://192.168.115.128/dvwa/vulnerabilities/csrf/?password_new=123456&pas...

springboot_mybatis+druid模板_wangyu666777888的博客-程序员秘密

git地址:https://github.com/wangruyu1/springboot_demo.git 下的springboot.mybatis.demospringboot环境搭建  在resources下创建application.yaml,application-dev.yaml,application-datasource-dev.yaml文件. ...

form表单提交的几种方式_初出茅庐的小白0101的博客-程序员秘密_form提交

表单提交方式一:直接利用form表单提交html页面代码:<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Insert title here</title></head><body><form action="h...

URL详解以及encodeURI、encodeURIComponent、decodeURI、decodeURIComponent的区别_青颜的天空的博客-程序员秘密

本文详述URL与URI区别以及encodeURI、encodeURIComponent、decodeURI、decodeURIComponent的用法和区别

android studio 电量优化,Android Studio -- 优化速度(示例代码)_Anchor M的博客-程序员秘密

Android Studio -- 优化速度win10android一言:告诉你我最喜欢的一句话吧!要是被处于下风就要以牙还牙!环境win10Android Studio 安装路径:C:\Program Files\Android\Android Studio取消开启自动更新定位到 File --> Setting --> Appearance & Behavier --&gt...

推荐文章

热门文章

相关标签