xmlhttp | 易学教程

XMLHttpRequest的POST同步请求代码

阅读更多关于 XMLHttpRequest的POST同步请求代码

原生JS的异步POST请求回调代码如下： function test(url, param, callback) { var xmlhttp = new XMLHttpRequest(); xmlhttp.open("POST", url, true); xmlhttp.setRequestHeader("Content-Type", "application/json;charset=utf-8"); xmlhttp.onreadystatechange = function () { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { // 异步成功回调 var result = xmlhttp.responseText; if (callback) { callback(result); } } }; xmlhttp.send(JSON.stringify(param)); } 现在要改成同步POST返回参数，关键点虽然在于xmlhttp.open参数改成false（网络上到处都是），但是具体怎么返回参数查了好多才发现方法： function test(url, param) { var xmlhttp = new XMLHttpRequest(); var result = null xmlhttp.open(

ajax

阅读更多关于 ajax

定义；前端向后段去取收据的技术；异步的服务器发送请求； **定时器也是异步的，都是主线程先走，然后再走ajax，定时器请求数据，不影响主页面；接口：他就是一份文档，数据怎么取，在哪里，取过来怎么用； ajax核心对象：需要考虑其他浏览器和ie低版本其他浏览器：XMLHttpRequest ie低版本：ie6，XMLHTTP 使用ajax步骤： 1.创建ajax核心对象 var xmlhttp if(window.XMLHttpRequest){ xmlhttp=new.XMLHttpRequest() }else{ xmlhttp=new ActivexObject(“Microsoft.XMLHTTP”) } 2.向服务器创建请求,open(请求方式，请求地址，是否异步），请求方式 get post xmlhttp.open(“get”,“my.PHP”,true) 3.发送请求参数(格式必须是key=value形式的字符串)，如果有多个请求参数，以&连接 post请求的请求参数是写在send方法里面； get请求的请求参数写在请求地址后面，以“？”连接 xmlhttp.send(“user=290605836&password=123456789”) 如果是get的请求方式： xmlhttp.open(“get”,“my.PHP？user=290605836

jquery与ajax的应用

阅读更多关于 jquery与ajax的应用

ajax的不足 1. 各个浏览器对XMLHttpRequest对象的支持度不足(兼容性问题) 2. 破坏浏览器的前进,后退功能。 3. 对搜索引擎支持不足。 4. 调试工具支持不足。 XMLHttpRequest对象的属性和方法 1.readyState属性状态：0 代表未初始化。 1 代表准备发送。 2 已发送但还没收到响应 3 正在接收 4 接收完成 2.responseText属性包含客户端接收到的HTTP响应的文本内容。当readyState= 4时， responseText才包含完整的响应信息。当readyState= 3时， responseText包含未完整的响应信息。当readyState< 3时， responseText为空字符串。 3.responseXML属性当readyState= 4,并且响应头部的Content-Type的MIME类型为XML(text/xml或application/xml)时, 该属性有值并且被解析成一个XML文档。其它情况为null,包括回传的XML文档不良或未完成响应回传。 4.status及statusText属性（描述http状态代码,及代码文本）当readyState>2 ,才能访问，否则出现异常。 5.onreadystatechange事件当readyState 属性发生变化时触发此事件

Ajax中Get请求与Post请求的区别

阅读更多关于 Ajax中Get请求与Post请求的区别

写在前面的话我们在使用Ajax时,当我们向服务器发送数据时,我们可以采用Get方式请求服务器,也可以使用Post方式请求服务器.那么,我们什么时候该采用Get方式,什么时候该采用Post方式呢? Get请求和Post请求的区别 1.使用Get请求时,参数在URL中显示,而使用Post方式,则不会显示出来 2.使用Get请求发送数据量小,Post请求发送数据量大例子页面的HTML代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> * { margin:8px; } </style> </head> <body> <label for="txt_username"> 姓名:</label> <input type="text" id="txt_username" /> <br /> <label for="txt_age"> 年龄:</label> <input type="text" id="txt_age" /> <br /> <input type="button" value="GET" id="btn_get" onclick="btn_get_click();" /> <input type="button" value="POST

jq调用ajax的总结

阅读更多关于 jq调用ajax的总结

用ajax调用后台总结心得先来看一个代码样例： $.ajax({ url: 'http://blog2019.applinzi.com/api/blogs', type: 'GET', contentType: "application/json", success: function (data) { var html = ''; console.log(data); for (i = 0; i < data.length; i++) { html += '<div class="panel panel-primary">' + ' <div class="panel-heading">' + data[i].blogText + '<div class="f-r">' + getMyDate(Number(data[i].date)) + '</div>' + '</div>' + ' <div class="panel-body" id = "details">' + '<a href = "./Details.html?id=' + data[i]._id + '" target = "_blank">' + data[i].introText + '</a>' + '</div>' + '<div class="panel-footer">' +

js判断img是否存在

阅读更多关于 js判断img是否存在

利用image对象的onerror事件来判断，出错则更换image对象的src为默认图片的URL。 <p>第一种情况：图片存在，正常显示 <img src= "http://www.jb51.net/logo.gif" onerror= "javascript:this.src='http://www.jb51.net/logos.gif'" /></p> <p>第二种情况：图片不存在，显示默认图片 <img src= "http://www.jb51.net/logoddd.gif" onerror= "javascript:this.src='http://www.jb51.net/logos.gif'" /></p> 注意：如果使用不当，在IE内核的浏览器下会造成死循环。比如：当【默认图片的url地址】也加载不成功（比如网速比较慢的时候）或不存在的话，就会反复的加载，最后造成堆栈溢出错误。因此，需要用下面两种方法解决： a、更改 onerror 代码为其它处理方式或者确保 onerror 中的默认图片足够小，并且存在。 b、控制onerror事件只触发一次，需要增加这句话：this.onerror=null; 增加后如下： 1 <img src= "图片的url地址" alt= "图片XX" onerror= "this.src='默认图片的url地址;this

Ajax验证用户名是否被注册

阅读更多关于 Ajax验证用户名是否被注册

Ajax验证用户名是否被注册 var xmlHttp; function createXMLHttpRequest(){ // 创建XMLHttp请求对象 if(window.ActiveXObject){ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); }else if(window.XMLHttpRequest){ xmlHttp=new XMLHttpRequest(); } } xmlHttp.onreadystatechange=处理方法 xmlHttp：这是XMLHttpRequest对象名称处理方法：这是自定义的JavaScript方法名称 function startRequest(userName){ // 发送页面请求 createXMLHttpRequest(); xmlHttp.onreadystatechange=handleStateChange; // 指定处理服务器响应的方法 xmlHttp.open("GET","regsiterServlet?userName="+userName,true); xmlHttp.send(null); } <script type="text/javascript"> var xmlHttp; function createXMLHttpRequest(){ //

省市县三级联动（前端后台源码）

阅读更多关于省市县三级联动（前端后台源码）

说明:项目中需要用到json的工具包:flexjson-2.1.jar,这个工具包用于将后端数据库返回的list集合转换为字符串 1 < script type ="text/javascript" > 2 function getXHR() { 3 // 定义一个变量，用来接收ajax核心引擎对象 4 var xmlhttp; 5 // 判断当前浏览器 6 if (window.XMLHttpRequest) { 7 // code for IE7+, Firefox, Chrome, Opera, Safari 8 xmlhttp = new XMLHttpRequest(); 9 } else { 10 // code for IE6, IE5 11 xmlhttp = new ActiveXObject( " Microsoft.XMLHTTP " ); 12 } 13 // 将ajax核心引擎对象，返回给调用者 14 return xmlhttp; 15 } 16 window.onload = function () { 17 var xhr = getXHR(); 18 // 打开链接 19 xhr.open( " POST " , " ${root }/loadProvinceServlet " , true ); 20 // 使用表单的方式 POST 数据 21

创建 XMLHttpRequest 对象时IE的兼容问题解决办法

阅读更多关于创建 XMLHttpRequest 对象时IE的兼容问题解决办法

为了应对所有的现代浏览器，包括 IE5 和 IE6，请检查浏览器是否支持 XMLHttpRequest 对象。如果支持，则创建 XMLHttpRequest 对象。如果不支持，则创建 ActiveXObject : 实例 var xmlhttp; if (window.XMLHttpRequest) {// code for IE7 , Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } 来源： CSDN 作者：会做饭的技术男链接： https://blog.csdn.net/u011927449/article/details/103527467

记录AJAX充电点点滴滴

阅读更多关于记录AJAX充电点点滴滴

首先要明白什么是 AJAX ？ AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。 1、AJAX - 创建 XMLHttpRequest 对象 XMLHttpRequest 对象所有现代浏览器都支持 XMLHttpRequest 对象（IE5 和IE6 使用AcActiveXObject）。 XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpRequest 对象。创建 XMLHttpRequest 对象的语法： variable = new XMLHttpRequest(); 老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象： variable=new ActiveXObject( "Microsoft

订阅 xmlhttp