原生Aajax 和jQuery Ajax 写法个人总结(简单)
AJAX:即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。本文重点给大家介绍原生Aajax 和jQuery Ajax 个人总结,一起看看吧
AJAX:即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
- 传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。
一个完整的HTTP请求:由请求方式、URL、请求头和请求体组成;
一个完整的HTTP响应:由状态码、响应头、响应体组成;
http状态码:
1开头 代表信息类 正在处理、
2开头代表请求成功200 OK、
3开头代表重定向、
4开头代表客户端错误 404、
5开头代表服务器错误;响应状态:0,1,2,3,4 4代表响应成功。
open方法中的第三个参数代表是否异步(TRUE为异步 FALSE为同步)。
当请求方式为POST时,open方法后面要设置请求头(xmlhttp.setResponseHeader(""))send方法中要加入;
原生JavaScript写法:
var xhr;function rukou()//入口函数{xhr=getxhr();if(xhr==null){alert("浏览器不支持!");}var url="";xhr.onreadystatechange=fanhui;xhr.open("GET",url,true);xhr.send(null);}function fanhui()//请求成功的回调函数{if(readyState==4){document.getElementById("xx").innerHTML=xhr.responseText;}}function getxhr()//获取xmlhttp对象{xhr=null;try{xhr=new XMLHttpRequest();}catch(e){xhr=new ActiveXObject("Microsoft.XMLHTTP");}}
jQuery中的ajax写法:
$("#tijiao").click(function(){$.ajax({type:"GET",url:"http://localhost/AJAX/test.php?name="+$("#name").val()+"&phone="+$("#phone").val(),dataType:"json",success:function(data){$("#success").html(data.msg);},error:function(){alert("错误!!!");}})})``````java
$("#tijiao").click(function(){$.ajax({type:"POST",url:"test.php",data:{name:$("#name").val(),phone:$("#phone").val()},dataType:"json",success:function(data){$("#success").html(data.msg);},error:function(){alert("错误!!!");}})})
以上所述是小编给大家介绍的原生Aajax 和jQuery Ajax 个人总结,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
原生Aajax 和jQuery Ajax 写法个人总结(简单)相关推荐
- java怎么处理ajax请求,java怎么用ajax请求?jquery ajax请求后台的简单例子
jQuery.ajax(url,[settings]) 概述 通过 HTTP 请求加载远程数据. jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax ...
- 分页插件 ajax请求,jquery ajax分页插件的简单实现
说到基于jQuery的ajax分页插件,那我们就先看看主要的代码结构: 1.首先定义一个pager对象: var sjPager = window.sjPager = { opts: { //默认属性 ...
- js原生的ajax写法
一直都在用jquery的ajax写法,却忘记原生的ajax写法了,今天复习一遍.... //先声明一个异步请求对象var xmlHttpReg = null;function ajax() {if ( ...
- Jquery ajax, Axios, Fetch区别
https://segmentfault.com/a/1190000012836882 引言 前端技术真是一个发展飞快的领域,我三年前入职的时候只有原生XHR和Jquery ajax,我们还曾被JQu ...
- vue-d2admin-axios异步请求登录,先对比一下Jquery ajax, Axios, Fetch区别
先说一下对比吧 Jquery ajax, Axios, Fetch区别之我见 引言 前端技术真是一个发展飞快的领域,我三年前入职的时候只有原生XHR和Jquery ajax,我们还曾被JQuery 1 ...
- Jquery ajax, Axios, Fetch区别之我见(转载)
来源:https://segmentfault.com/a/1190000012836882 引言 前端技术真是一个发展飞快的领域,我三年前入职的时候只有原生XHR和Jquery ajax,我们还曾被 ...
- Jquery ajax, Axios, Fetch区别之我见 https://segmentfault.com/a/1190000012836882
前端技术真是一个发展飞快的领域,我三年前入职的时候只有原生XHR和Jquery ajax,我们还曾被JQuery 1.9版本版本以下不支持大文件请求这个问题卡了半天(最后自己写了原生的XHR请求).一 ...
- Jquery ajax, Axios, Fetch区别之我见 Axios中文说明
引言 此小段转自 https://segmentfault.com/a/1190000012836882 前端技术真是一个发展飞快的领域,我三年前入职的时候只有原生XHR和Jquery ajax,我们 ...
- jQuery学习之jQuery Ajax用法详解
jQuery Ajax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法,下面我来给各位同学介绍介绍. 我们先从最简单的方法看起 ...
最新文章
- python3 aes 报错 ValueError: Incorrect AES key length (95 bytes)的解决方案
- 学python不会英语怎么办_Python学习 英语不好怎么办?这里有官方中文文档你看不看...
- 【PyQT5编程】Pycharm结合QtDesigner使用示例:创建登录窗体
- 《Java从小白到大牛》之第11章 对象
- 前端学习(662):逻辑运算符练习
- SQLServer 维护脚本分享(08)临时数据库(tempdb)
- 【HTML+CSS网页设计与布局 从入门到精通】第2章
- jQuery原型方法first,last,eq,slice源码分析
- Java学生管理系统(数组版)
- 目标检测评估指标 mAP P R
- 2017年网易校招Java面试题
- 【AcWing】语法基础课听课笔记
- cubieboard笔记
- Error in Summary.factor ‘min’ not meaningful for factors
- datax(13):源码解读Column-datax中的数据类型
- [附源码]java+ssm计算机毕业设计java磐基建筑机械租赁有限公司机械租赁系统41c32【源码、数据库、LW、部署】
- 女孩上中专学财经类号还是计算机好,女生学财经类专业好吗
- 小草说----大数据和机器学习为什么这样火
- 【用例】研究生招生报名管理系统设计
- 数据库都有哪些分别存储什么数据?
热门文章
- Ureport2源码修改
- Ubuntu16.04-LTS升级到18.04
- 三维CNN:收集一些最近的3d卷积网络PointNet++
- ***K近邻Survey-Distance总结
- PCL:PCL与MFC 冲突总结
- webpack构建Vue项目引入jQ时发生“'$' is defined but never used”的处理
- React(二):类组件、函数式组件
- 【high-speed-downloader】百度网盘不限速下载 支持 Windows 和 Mac
- python3.6入门到高阶(全栈) day015 初识面向对象
- MyBatis源码分析-2-基础支持层-反射模块-TypeParameterResolver/ObjectFactory