ajax 的XHR send失败为啥?

ajax send()失败问题

 <html><head><script>       

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

        spanObject=document.getElementById('logid1'); 
        spanValue=spanObject.outerText; //该值log ID

        XHR.open("GET","gethint.php?q="+spanValue,true);
        XHR.send(null);
        alert(XHR.readyState);//return 1,send()失败
        //document.getElementById("ed").innerHTML=XHR.responseText; 
      }

    </script>
  </head>
  <body>
    <a id="logid1" onclick="c()" href="#" > log ID </a> 
    <span hidden="hidden" id="logid2"> AAAAAA</span>
    <span id="ed">
    <br>
    </span>
  </body>
</html>

**注意看 【 alert(XHR.readyState);//return 1 表示send()失败】
但这是为什么?
**


备注: php 文件路径正确且有echo 输出。
F12 调试不提示任何错误

2个回答

应该是ie下get缓存了,加时间戳防止缓存。而且ie6-分支你的acx名称错了,是microsoft.xmlhttp,不是.XHR
outerText属性也有兼容性为,改为innerHTML属性

 XHR.open("GET","gethint.php?q="+spanValue+'&_='+new Date().getTime(),true);

IE下的xhr对象为
XHR=new ActiveXObject("Microsoft.XMLHttp");

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
js变量赋值多行文本问题
``` const xhr = new XMLHttpRequest(); xhr.open('POST','http://127.0.0.1:811/',false); var data = ` 1 2 3 4 5 6 ` xhr.send(data); ``` //比如这样就可以提交有换行的文本使用的是`符号 //但是换到ie浏览器这个方法就失效了,连数据提交的post头东西都没有了,有没有兼容所有浏览器的方法
ajax请求如何携带cookie
想通过ajax请求访问某网站,需要携带上指定cookie, 网上百度一下,知道不能直接设置cookie,但是说可以在ajax请求之前设置写cookie来实现 这样发送的报文头中就会包含cookie document.cookie=mycookie; var xhr=new XMLHttpRequest(); xhr.onreadystateChange=parseCookies; xhr.open("GET","http://192.168.253.135/xxx.php",true); xhr.send(null); 为啥我这样还是错了呢,请各位多多指教!
ajax的readyState状态码一直是1.为什么?
``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> ajax(); function ajax(){ var xhr=new XMLHttpRequest(); xhr.open("get","1.txt",true); xhr.responseType="text"; xhr.onreadyStatechange=function(){ if(xhr.readyState==4 && xhr.status==200){ var t=xhr.responseText; alert(t); } }; xhr.send(null); } </script> 我通过本地服务器想把text文件的文本直接加入到HTML中,可是根本没有响应,也没有报错。 ```
关于callback(eval('('+xhr.responseText+')'));IE报错的问题
//这是index.js的文件 (function() { var li = function(id) { return document.getElementById(id); }; li.init = function() {// li下的init方法 // 创建一个ajax对象并返回 try { return new XMLHttpRequest(); } catch (e) { // null } try { return new ActiveXObject('Microsoft.XMLHTTP'); } catch (e) { // null } alert('浏览器不支持ajax!') return; }; li.get = function(url, data, callback, type) { // 以get形式发送ajax var xhr = li.init(); if (data != null) { url = url + '?' + data; } xhr.open('get', url); xhr.setRequestHeader("if-Modified-Since", "0");// 去除get缓存 xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { if (type == null) { type = 'text'; } if (type == 'text') { callback(xhr.responseText); } if (type == 'xml') { callback(xhr.responseXML); } if (type == 'json') { callback(eval('(' + xhr.responseText + ')')); } } }; xhr.send(null); }; li.post = function(url, data, callback, type) { // 以post形式发送ajax var xhr = li.init(); xhr.open('post', url); xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { if (type == null) { type = 'text'; } if (type == 'text') { callback(xhr.responseText); } if (type == 'xml') { callback(xhr.responseXML); } if (type == 'json') { callback(eval('('+xhr.responseText+')'));//这个地方出错。 } } }; xhr.send(data); }; li.addEvent=function(id,name,callback){ } window.$ = li;// 等于创建一个全局名为$的变量 })(); //在callback(eval('('+xhr.responseText+')'));这个地方IE报错, 我的json传值的格式是: Array[{"id":"3","sendId":"1","destId":"0","content":"","mtime":"2014-09-27 21:49:39","name":"admin"},{"id":"4","sendId":"1","destId":"0","content":"ddddddddddddd","mtime":"2014-09-27 21:50:50","name":"admin"},{"id":"5","sendId":"1","destId":"0","content":"dddddddddddddddddddddddddddddddd","mtime":"2014-09-27 21:50:57","name":"admin"},{"id":"6","sendId":"1","destId":"0","content":"dwwwwwwwwwadadawdawda","mtime":"2014-09-27 21:51:04","name":"admin"},{"id":"7","sendId":"1","destId":"0","content":"wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww","mtime":"2014-09-27 21:51:24","name":"admin"},{"id":"8","sendId":"1","destId":"0","content":"dddddddddddddddddddwdwd","mtime":"2014-09-27 21:51:31","name":"admin"},{"id":"9","sendId":"1","destId":"0","content":"dddddddddddddddddddddddddd","mtime":"2014-09-28 21:24:19","name":"admin"},{"id":"10","sendId":"1","destId":"0","content":"dddddddddddd","mtime":"2014-09-28 22:26:05","name":"admin"},{"id":"11","sendId":"1","destId":"0","content":"ddddd","mtime":"2014-09-29 22:07:41","name":"admin"}] 不知道是哪错了,请大神解答。。。
ajax responseText返回数据的问题
/*这个函数主要处理的是列出的url连接是否正常,在arr里面装的是每个url的id*/ function checknode(){ var arr = "[0,1,2,3,4,5]"; for(var i=0;i<arr.length;i++){ var xhr = getAjax(); var id=arr[i].toString(); xhr.open('get','pingCheck.jsp? tableName='+tableName+'&tableId='+tableId+'&id='+id+'&rand='+Math.random(),true);//代码执行到这里都正常,jsp后台的输出都正常; xhr.onreadystatechange=function(){ if(xhr.readyState==4){ var b =xhr.responseText.trim(); alert("b:"+xhr.responseText.trim());//就是执行到这里的时候,b得到jsp传过来的值都是一个,是id=5的url的连接情况,按正常的情况是每个url的情况各一次(6种情况)。还有就是 把open函数中的参数改成false,就正常了。能有大神给解释下为什么吗??小弟谢过了!!! var arr1 = b.split(","); var ids=arr1[0]; var is_ok=arr1[1]; var td=document.getElementById(ids); if(is_ok=="ok"){ td.innerHTML=is_ok; td.style.color='green'; }else{ td.innerHTML=is_ok; td.style.color='red'; } } }; xhr.send(null); } }
ajax传值,servlet得到为空
js代码: var xhr = getXhr(); function getXhr(){ var xhr = null; try { xhr = new XMLHttpRequest(); } catch (trymicrosoft) { try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); } catch (othermicrosoft) { try { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } catch (failed) { xhr = false; } } } if (!xhr) { alert("err Happend!"); } return xhr; } function check() { var user = document.getElementById("user").value; var url = "RegisterServlet"; if (xhr.readyState == 4 && xhr.status == 200) { var str = xhr.responseText; document.getElementById("checkname").innerHTML=str; } xhr.open('post',url,true); alert(user); xhr.send("id"+user); } servlet代码: package com.Servlet; import java.io.IOException; import java.io.PrintWriter; import java.util.Date; import java.text.ParseException; import java.text.SimpleDateFormat; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import com.Dao.LoginDao; import com.Model.Login; public class RegisterServlet extends HttpServlet { public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html"); request.setCharacterEncoding("UTF-8"); response.setCharacterEncoding("UTF-8"); PrintWriter out = response.getWriter(); String username=request.getParameter("id"); System.out.println(username); LoginDao dao=new LoginDao(); boolean mark=dao.RegisterCheck(username); System.out.println(mark); if(mark==true){ out.println("用户名重复"); System.out.println("用户名重复"); }else if(mark==false){ out.println("用户名可用"); System.out.println("用户名可用"); } } } 只截取了ajax传值部分,还有登陆的验证也写在doPost里先删了, 之前用get方法能行,改成post就出问题了; 大神帮看看,js里能得到user的值,servlet得到ajax传来的user值为null,
在学习Ajax的时候,text文件能在页面显示出来,但是XML文件显示不出来
我部署在服务器上了,text的能够显示出来,但是 XML文件显示不出来 HTML代码 ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>My First Ajax Script</title> <script src="script01.js"></script> </head> <body> <p> <a id="makeTextRequest" href="gAddress.txt">Request a text file</a><br> <a id="makeXMLRequest" href="us-states.xml">Request an XML file</a> </p> <div id="updateArea"></div> </body> </html> ``` JS代码如下: ``` window.onload = initAll; var xhr = false; function initAll(){ document.getElementById("makeTextRequest").onclick = getNewFile; document.getElementById("makeXMLRequest").onclick = getNewFile; } function getNewFile(){ makeRequest(this.href); return false; } function makeRequest(url){ if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); } else{ if(window.ActiveXObject){ try{ xhr = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e){} } } if(xhr){ xhr.onreadystatechange = showContents; xhr.open("GET",url,true); xhr.send(null); } else{ document.getElementById("updateArea").innerHTML = "Sorry, but I couldn't create an XMLHttpRequest"; } } function showContents(){ if(xhr.readyState == 4){ if(xhr.status == 200){ if(xhr.responseXML && xhr.responseXML.childNodes.length > 0){ var outMsg = getText(xhr.responseXML.getElementByTagName("choices")[0]); } else{ var outMsg = xhr.responseText; } } else{ var outMsg = "There was a problem with the request" + xhr.status; } document.getElementById("updateArea").innerHTML = outMsg; } function getText(inVal){ if(inVal.textContent){ return inVal.textContent; } return inVal.text; } } ```
webService 使用Ajax提交的问题
ajax请求代码: ``` <script> var xhr = new XMLHttpRequest(); function wsConnection(){ //创建XMLHttp的对象 //服务的地址 var urlMsg = 'http://192.168.1.174:6789/hello'; //请求体 var soap = '<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:q0="http://score.it.com/" xmlns:xsd="http://www.w3.org/2001/XMLSchema'+ 'xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"><soapenv:Body><q0:sayHello> <arg0>aaa</arg0> <arg1>123</arg1></q0:sayHello></soapenv:Body> </soapenv:Envelope>'; //打开连接-true :表示为异步请求 xhr.open('POST',urlMsg,true); xhr.crossDomain=true; //重新设置头信息 xhr.setRequestHeader("Content-Type","text/xml;charset=utf-8"); //设置回调函数 xhr.onreadystatechange=_back; //发送请求 xhr.send(soap); } function _back(){ if(xhr.readyState==4){ if(xhr.status==200){ alert('成功响应'); var ret = xhr.responseXML; var msg = ret.getElementsByTagName("return")[0]; alert(msg.text) } } } </script> <body> <input type="button" value="发送请求" onclick="wsConnection()"/> <input type="text" id="response"/> </body> ``` 主程序与控制台输出代码: ``` @WebService public class HelloService { public String sayHello(String name,int num){ System.out.println("客户请求来了.................."); return "Hello "+name; } //发布时,此方法不显示 @WebMethod(exclude=true) public String sayHi(String name){ return "Hi "+name; } public static void main(String[] args) { /** * 参数1:服务发布地址 * 参数2:服务实现者 */ Endpoint.publish("http://192.168.1.174:6789/hello", new HelloService()); System.out.println("我是由主线程执行"); } } ``` 控制台: 五月 29, 2015 9:30:06 上午 com.sun.xml.ws.transport.http.server.WSHttpHandler handleExchange 警告: 无法处理 HTTP 方法: OPTIONS
原生js实现ajax请求为什么responseText返回的是PHP代码
``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="result"></div> <div> <form action=""> 用户名:<input type="text" id="username" value="admin"> 密码:<input type="password" id="password" value="123456"> <input type="button" value="登录" id="btn"> </form> </div> </body> </html> <script> window.onload = function(){ var username = document.getElementById("username").value; var password = document.getElementById("password").value; var btn = document.getElementById("btn"); btn.onclick = function(){ var xhr = null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); }else { xhr = new ActiveXObject("Mcrosoft XMLHTTP"); } url = "./request.php?username="+username+"&password="+password; xhr.open("get",url,true); xhr.send(null); xhr.onreadystatechange = function(){ if(xhr.readyState == 4){ if(xhr.status == 200){ var data = xhr.responseText;//xhr.responseText获取到了被请求的PHP代码,为什么? // alert(data); // if(text == 1){ // document.getElementById("result").innerHTML = "login success"; // } // if(text == 2){ // document.getElementById("result").innerHTML = "login faild"; // } } } } } } </script> ``` ``` <?php $username = $_GET['username']; $password = $_GET['password']; if($username == 'admin' && $password == '123456'){ echo 1; }else{ echo 2; } ?> ```
html5 ajax 访问百度云接口的问题
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>title here ajax</title> <script type="text/javascript" src="js/jquery.js"></script> </head> <body> <div id="dd"></div> <div id="write"></div> <a href="#" onclick="show()">a</a> <script type="text/javascript"> function show(){ CreateXmlHttp(); if(!xhr){ alert("创建xmlhttp对象异常"); return false; } xhr.open("POST", "https://aip.baidubce.com/oauth/2.0/token"); xhr.setRequestHeader("Access-Control-Allow-Origin", "*"); xhr.onreadystatechange = function () { if(xhr.readyState == 4){ document.getElementById("dd").innerHTML = "数据正在加载。。。"+xhr.status; if(xhr.status == 200){ document.getElementById("write").innerHTML = xhr.responseText; }else{ document.getElementById("write").innerHTML = "不能够进行跨域请求。"; } } } xhr.send('grant_type=client_credentials&client_id=mfnwFRuO5EOewQON0piojoNR&client_secret=3aDW6TU1nZ7mDsAx5zjvz75WPVyx6LeG'); } function CreateXmlHttp(){ //非IE浏览器创建XmlHttpRequest对象 if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); } //IE浏览器创建XmlHttpRequest对象 if(window.ActiveXObject){ try{ xhr = new ActiveXObject("Microsoft.XMLHTTP"); }catch(e){ try{ xhr = new ActiveXObject("msxml2.XMLHTTP"); }catch(ex){ } } } } </script> </body> </html> 这是代码,大神门看一看怎么改浏览器就都能访问啦,手机上也需要能访问,现在只有IE浏览器能访问
ajax遇到的一个奇葩问题,为了这个我掉了100根头发了....
* 我的目的是用ajax从服务器获取省份信息然后显示页面上 * 当鼠标变动省份的时候,ajax从服务器返回该省份对应的字符串城市信息 * 省份信息显示正常,但是获取城市信息的时候,遇到了奇葩的问题 * 获取的城市信息永远是default的值 “你是个奇葩”,若是我手动指定$province = “山东省”则正确显示 实在找不到这个现象的原因,各种尝试 求高人指点 PS:AJAX没有问题,数据传输都是正常的 HTML的内容 ``` <!DOCTYPE html> <html> <head> <title>Ajax实现二级联动</title> <meta charset="utf-8"/> </head> <body> <form> <select id="province" name="XXX"> <option>请选择</option> </select> <select id="city"> <option>请选择</option> </select> </form> <script> //Ajax从服务器获取省份信息 var xhr = getXhr(); var province = document.getElementById('province'); window.onload=function(){ xhr.open("get","7-province.php?province=province"); xhr.send(null); xhr.onreadystatechange=function(){ if(xhr.readyState==4&&xhr.status==200){ var data = xhr.responseText; var provs = data.split(","); var provHTML = []; for(var i=0;i<provs.length;i++){ provHTML[i]="<option value="+provs[i]+">"+provs[i]+"</option>"; } province.innerHTML="<option>请选择</option>"+provHTML.join("");//join里空白的话默认 逗号分割 } } } //2.当用户选择省份信息时,Ajax获取城市信息 province.onchange = function(){ if(province.value!="请选择"){ xhr.open("post","7-cities.php"); xhr.setRequestHeader("Content-Type","Application/x-www-form-rulencoded"); //console.log(province.value);//OK xhr.send("province="+province.value); xhr.onreadystatechange = function(){ if(xhr.readyState==4&&xhr.status==200){ var data = xhr.responseText; console.log(data); } } } } function getXhr(){ var xhr=null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); }else{ xhr = new ActiveXObject("Microsoft.XMLHttp"); } return xhr; } </script> </body> </html> ``` 省份PHP文件 7-province.php ``` <?php $province = 0; @$province = $_GET['province']; // echo @province; //@是为了不显示警告 if(isset($province)){ echo "山东省,湖南省,河南省"; } ?> ``` 城市php文件 7-cities.php ``` <?php $province = null; @$province = $_POST['province'];/*"山东省"*/ //这里直接让@$province = "山东省",页面返回字符串 "山东1,山东2,山东3,山东4,山东5" if(isset($province)){ switch($province){ case "山东省": echo "山东1,山东2,山东3,山东4,山东5"; break; case "湖南省": echo "湖南1,湖南2,湖南3"; break; case "河南省": echo "河南1,河南2"; break; default: echo "你真是个奇葩"; break; } }else{ echo 'prov无效'; } ?> ```
分析ajax异步请求的过程?
<script type="text/javascript"> function check_name(){ alert(1); var xhr = getXhr(); xhr.open('post','check_name.do',true); alert(2); xhr.setRequestHeader( 'content-type', 'application/x-www-form-urlencoded'); alert(3); xhr.onreadystatechange=function(){ alert(4); if(xhr.readyState==4 && xhr.status==200){ alert(6); var txt=xhr.responseText; alert(7); document.getElementById("name_msg").innerHTML=txt; } }; alert(8); document.getElementById("name_msg").innerHTML= "checking....."; alert(9); var uname=document.getElementById("uname"); alert(10); xhr.send("uname="+uname.value); alert(11); } </script> 我做了测试 依次顺序是 1,2,3,8,9,10,11,4,4,4,6,7 其中4出现了三次,怎么解释啊??
纯js实现上传文件小工具IE兼容性问题
https://www.jianshu.com/p/5147e36cf19c 这里写道非常方便的上传文件代码,但是用IE内核就无法上传文件,直接是不发送数据,不知道哪里出现了问题。直接不POST chorme内核使用非常好。 也尝试过通过meta强制使用chorme内核,但是不行 ``` <meta name="renderer" content="webkit"/> <meta name="force-rendering" content="webkit"/> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> ``` 需要解决的上传代码如下 ``` function easyUpload(){ var input = document.createElement("input"); input.type = "file"; input.click(); input.onchange = function(){ var file = input.files[0]; var form = new FormData(); form.append("file", file); //第一个参数是后台读取的请求key值 form.append("fileName", file.name); form.append("other", "666666"); //实际业务的其他请求参数 var xhr = new XMLHttpRequest(); var action = "http://localhost:8080/upload.do"; //上传服务的接口地址 xhr.open("POST", action); xhr.send(form); //发送表单数据 xhr.onreadystatechange = function(){ if(xhr.readyState==4 && xhr.status==200){ var resultObj = JSON.parse(xhr.responseText); //处理返回的数据...... } } } } ``` 后台代码 ``` <?php //print_r($_FILES); echo json_encode($_FILES); sleep(5); ?> ```
ajax 登陆后修改密码的问题
自制了一个小系统,但是登陆后,修改密码却出现了问题。 使用修改后的密码会提示用户名或者密码错误,使用修改前的密码居然提示登录成功 但是无法进入主页.. 数据库的密码是修改后的密码 修改后的密码重启tomcat都登录不了。。 登陆的AJAX代码 ``` function login(){ var userid = document.getElementById("userid").value; var password=document.getElementById("password").value; if(userid==""){ document.getElementById("loginfailed").innerHTML = "<font color='red'>请填写用户ID</font>"; } else if(password=="") { document.getElementById("loginfailed").innerHTML = "<font color='red'>请填写密码</font>"; } else{ var xhr = ajaxFunction(); xhr.onreadystatechange = function(){ if(xhr.readyState==4){ if(xhr.status==200){ var data = xhr.responseText; //获取文本 if(userid!=""){ alert(data); if(data=="1"){ document.getElementById("loginform").submit(); document.getElementById("loginfailed").innerHTML = "登录成功"; }else{ document.getElementById("loginfailed").innerHTML = "<font color='red'>用户名或者密码错误</font>"; } } } } } xhr.open("get","userloginAction?userid="+userid+"&password="+password,true); xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xhr.send(); } }` ``` action代码,里面的控制台输出一句都没执行,,但是,前台我alert的data值却改变了,,假如我输入的是修改后的密码就会是2,输入修改前的密码会是1 ``` public String execute(){ try{ System.out.println("zhelasai"); String responseText=""; HttpServletRequest request=ServletActionContext.getRequest(); String userid=request.getParameter("userid"); String password=request.getParameter("password"); User u=new User(); u.setUserid(userid); u.setPassword(password); Userdao userdao=new Userdao(); System.out.println("zheli"); List<User> l = userdao.checks(u); System.out.println(userid+"正在登录,密码为"+password); if(l.size()==0){ System.out.println("然而登录失败了"); responseText="2"; }else{ System.out.println("登录成功了"); responseText="1"; } HttpServletResponse response=ServletActionContext.getResponse(); response.setContentType("text/html;charset=utf-8"); PrintWriter out=response.getWriter(); out.print(responseText); out.flush(); out.close(); }catch(Exception e){ e.printStackTrace(); } return null; } ``` userdao.checks()的方法正常执行了。 。。。所以请教各位大神这个是什么问题 刚刚又测试了一下,发现可能是浏览器的问题? 我用火狐测试的话就没问题,用IE的话就会出现上述问题
为什么我的我用AJAX提交数据到Servlet最后数据始终是乱码??
这是jsp的页面,数据提交到doPost,然后响应到div里面显示,但是 AJAX中的中文数据提交到Servlet 始终是乱码;怎么改啊,大神们。。。 ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- 引入写了AJAX的js文件 --> <script type="text/javascript" src="${pageContext.request.contextPath }/AJAXDemo02POST/ajax_posttext.js"></script> <title>Insert title here</title> </head> <body> <h1>AJAX POST获取数据的练习</h1> <div style="width:300px;height:200px;border:1px solid red;" id="divajax"></div> <input type="button" value="点我获取数据" onclick="ajaxPostText()"/> </body> </html> ``` 这是 写了AJAX的js的文件 function ajaxPostText(){ // 创建异步对象: var xhr = createXMLHttp(); // 设置监听: xhr.onreadystatechange = function(){ if(xhr.readyState == 4){ if(xhr.status == 200){ document.getElementById("divajax").innerHTML = xhr.responseText; } } } // 打开路径: xhr.open("POST","/AJAXDemo01/AJAXDemo01Servlet",true); //这一句没能将提交到post的中文数据编码改掉 xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); // 发送请求: xhr.send("name=张三&pass=密码"); } function createXMLHttp() { var xmlHttp; try { // Firefox, Opera 8.0+, Safari xmlHttp = new XMLHttpRequest(); } catch (e) { try {// Internet Explorer xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { } } } return xmlHttp; } 这是Servlet代码 public class AJAXDemo01Servlet extends HttpServlet { private static final long serialVersionUID = 1L; protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//未完成 request.setCharacterEncoding("UTF-8"); String pass =request.getParameter("pass"); String name = request.getParameter("name"); response.setContentType("text/html;charset=UTF-8"); response.getWriter().println( "名称是:" + name + "密码是:" + pass); System.out.println("名称是:" + name + "密码是:" + pass); } } ![图片说明](https://img-ask.csdn.net/upload/201709/17/1505634495_151318.png)
在前后端上遇到一个问题:前端js设置cookie,后端php修改该cookie后并且获取该cookie最后传给前端依旧是原来的值不是修改过后的值。
前端代码: ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <button class="btn1">按钮1</button> <button class="btn2">按钮2</button> <script> let oBtn1 = document.querySelector('.btn1'), oBtn2=document.querySelector('.btn2'); // 按钮1单击事件 oBtn1.onclick = function () { // 前端设置cookie let d = new Date(); // 设置cookie保留时间为1分钟 d.setMinutes(d.getMinutes + 1); // 前端js设置cookie document.cookie = `test=123;expires=${d.toUTCString()}`; // 在控制台打印前端cookie console.log(document.cookie); // ajax传给后端 let xhr = new XMLHttpRequest(); xhr.open('get', './test.php'); xhr.send(); xhr.onreadystatechange = function () { // 当http请求成功执行 if (this.status == 200 && this.readyState == 4) { // 在控制台打印传回来的数据 console.log(this.responseText); } } // 在控制台打印前端cookie console.log(document.cookie); } // 按钮2单击事件 oBtn2.onclick=function(){ console.log(document.cookie); } </script> </body> </html> ``` 后端php代码: ``` <?php // 修改cookie setcookie("test","666"); // 获取cookie $test=$_COOKIE["test"]; // 传值给前端ajax echo $test; ``` ### 点击按钮1后 #### 控制台结果图 ![控制台结果图](https://img-ask.csdn.net/upload/201911/21/1574304394_681412.png) #### cookie结果图 ![cookie结果图](https://img-ask.csdn.net/upload/201911/21/1574304408_280179.png) #### 请求头和响应头结果图 ![请求头和响应头结果图](https://img-ask.csdn.net/upload/201911/21/1574304419_565879.png) ### 点击按钮2后 #### 控制台结果图 ![控制台结果图](https://img-ask.csdn.net/upload/201911/21/1574304676_788200.png) 问题:本因应该在控制台的第三行打印‘666’,因为php(是从上到下执行顺序)修改了cookie,并且重新获取cookie,并且传回给前端,而前端 ![图片说明](https://img-ask.csdn.net/upload/201911/21/1574305010_263337.png) 这个位置应该打印‘666’而不是‘123’。
Js Ajax相同语法执行不同
下面三段js的ajax代码,都是传入username和password访问路径来获取请求,为什么只有第一段代码能正确获取到数据,但是第二段和第三段代码能访问到路径,但是返回的数据显示missing username /** 能正确获取数据的代码 */ var settings = { "url": "http://xxxxxxx/get_data.php?action=projectdata&project=test", "method":"POST", "headers":{ "Content-Type":"text/plain" }, "data":"{\"username\":\"xxxxx\",\"password\":\"xxxxx\"}" } $.ajax(settings).done(function (response) { console.log(response); }) /** 代码2 **/ $.ajax({ url:"http://xxxxxxx/get_data.php?action=projectdata&project=test", type:"POST", data: { "username": "xxxxxx", "password": "xxxxxx" }, dataType:'json', success: function (data) { console.log(data); }, error: function (err) { console.log(err); } }); /** 代码块 3 **/ var xhr = new XMLHttpRequest(); xhr.open("post","http://xxxxxxx/get_data.php?action=projectdata&project=test"); xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded") var sender = "{\"username\":\"xxxxx\",\"password\":\"******\"}"; //var sender = {"username":"xxxxx","password":"xxxxx"}; xhr.send(sender); xhr.onreadystatechange = function () { // 这步为判断服务器是否正确响应 if (xhr.readyState == 4 && xhr.status == 200) { console.log(xhr.responseText); } }; 这三段代码有什么区别吗
Struts2 ajax问题 新手求教
实践了一下书上的 Ajax实例 没有得到应有的效果 index.jsp页面 得到name password的值 用XMLHttpRequest对象和Action交互 理论效果应该是页面的一部分进行更新 然而结果却返回了success页面 主要代码如下: 分别是 页面 拦截器 和Action的代码 > ``` <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ taglib prefix="s" uri="/struts-tags" %> <%@ taglib prefix="sx" uri="/struts-dojo-tags" %> <html> <head> <meta http-equiv="Content-Type" content="text/html" charset="UTF-8"> <title>Insert title here</title> <sx:head/> <script type="text/javascript"> var XHR = false; function CreateXHR() { try { XHR = new ActiveXObject("msxml2.XMLHTTP"); } catch (e1) { try { XHR = new ActiveXObject("microsoft.XMLHTTP"); } catch (e2) { try { XHR = new XMLHttpRequest(); } catch (e3) { XHR = false; } } } } function sendRequest() { CreateXHR(); if (XHR) { var name = document.getElementById("name").value; var password = document.getElementById("password").value; var uri = "http://localhost:8080/StrutsDemo/login.action?name=" + name + "&password=" + password; XHR.open("GET", uri, true); alert(1); XHR.onreadystatechange = resultHander; alert(2); XHR.send(null); alert(3); } } function resultHander() { if (XHR.readyState == 4 && XHR.status == 200) { alert(4); alert(XHR.responseText); alert(5); } } </script> </head> <body> <center> Name:<input type="text" id="name"/><br/> password:<input type="password" id="password"/><br/> <input type="button" value="ok" onclick="sendRequest();"/> </center> </body> </html> ``` ``` <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1.7//EN" "http://struts.apache.org/dtds/struts-2.1.7.dtd"> <struts> <package name="Struts_AJAX_DEMO" namespace="/" extends="struts-default"> <action name="login" class="com.action.LoginAction"> <result>/success.jsp</result> </action> </package> </struts> ``` ``` package com.action; import javax.servlet.http.HttpServletResponse; import javax.swing.plaf.basic.BasicInternalFrameTitlePane.SystemMenuBar; import org.apache.struts2.ServletActionContext; import com.opensymphony.xwork2.ActionSupport; public class LoginAction extends ActionSupport { private static final long serialVersionUID = 1L; private String name; private String password; public String getName() { return name; } public void setName(String name) { this.name = name; } public String getPassword() { return password; } public void setPassword(String password) { this.password = password; } public String execute() throws Exception{ HttpServletResponse response = ServletActionContext.getResponse(); response.setContentType("text/xml;charset=UTF-8"); response.setHeader("Cache-Control","no-cache"); response.getWriter().println("success"); if(name.equals("tom")&&password.equals("123")) { response.getWriter().println("welcome login!"); }else{ response.getWriter().println("error,palease input again!"); } return SUCCESS; } } ```
AJAX 没有响应数据什么情况?
![图片说明](https://img-ask.csdn.net/upload/201704/01/1491036520_590062.png) //提交动作已经完成,但是没有发挥响应数据,不知道哪里设置有问题? ``` var arr = ['http://fight.pet.qq.com/cgi-bin/petpk?cmd=fight&puin=654159722'] var xhr = new XMLHttpRequest(); $('#btn').click(function(){ xhr.open( "GET", arr[0], true ); xhr.withCredentials = true; // 支持跨域发送cookies xhr.setRequestHeader('Accept','text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8') xhr.send(); // 发送请求 }) ``` ==通过firebug 重新发送就没问题 ![图片说明](https://img-ask.csdn.net/upload/201704/01/1491042360_674032.png) ==>整个对象的数据 ![图片说明](https://img-ask.csdn.net/upload/201704/01/1491042651_66002.png)
《MySQL 性能优化》之理解 MySQL 体系结构
本文介绍 MySQL 的体系结构,包括物理结构、逻辑结构以及插件式存储引擎。
程序员请照顾好自己,周末病魔差点一套带走我。
程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。
卸载 x 雷某度!GitHub 标星 1.5w+,从此我只用这款全能高速下载工具!
作者 | Rocky0429 来源 | Python空间 大家好,我是 Rocky0429,一个喜欢在网上收集各种资源的蒟蒻… 网上资源眼花缭乱,下载的方式也同样千奇百怪,比如 BT 下载,磁力链接,网盘资源等等等等,下个资源可真不容易,不一样的方式要用不同的下载软件,因此某比较有名的 x 雷和某度网盘成了我经常使用的工具。 作为一个没有钱的穷鬼,某度网盘几十 kb 的下载速度让我...
Python+OpenCV实时图像处理
目录 1、导入库文件 2、设计GUI 3、调用摄像头 4、实时图像处理 4.1、阈值二值化 4.2、边缘检测 4.3、轮廓检测 4.4、高斯滤波 4.5、色彩转换 4.6、调节对比度 5、退出系统 初学OpenCV图像处理的小伙伴肯定对什么高斯函数、滤波处理、阈值二值化等特性非常头疼,这里给各位分享一个小项目,可通过摄像头实时动态查看各类图像处理的特点,也可对各位调参、测试...
2020年一线城市程序员工资大调查
人才需求 一线城市共发布岗位38115个,招聘120827人。 其中 beijing 22805 guangzhou 25081 shanghai 39614 shenzhen 33327 工资分布 2020年中国一线城市程序员的平均工资为16285元,工资中位数为14583元,其中95%的人的工资位于5000到20000元之间。 和往年数据比较: yea...
为什么猝死的都是程序员,基本上不见产品经理猝死呢?
相信大家时不时听到程序员猝死的消息,但是基本上听不到产品经理猝死的消息,这是为什么呢? 我们先百度搜一下:程序员猝死,出现将近700多万条搜索结果: 搜索一下:产品经理猝死,只有400万条的搜索结果,从搜索结果数量上来看,程序员猝死的搜索结果就比产品经理猝死的搜索结果高了一倍,而且从下图可以看到,首页里面的五条搜索结果,其实只有两条才是符合条件。 所以程序员猝死的概率真的比产品经理大,并不是错...
害怕面试被问HashMap?这一篇就搞定了!
声明:本文以jdk1.8为主! 搞定HashMap 作为一个Java从业者,面试的时候肯定会被问到过HashMap,因为对于HashMap来说,可以说是Java集合中的精髓了,如果你觉得自己对它掌握的还不够好,我想今天这篇文章会非常适合你,至少,看了今天这篇文章,以后不怕面试被问HashMap了 其实在我学习HashMap的过程中,我个人觉得HashMap还是挺复杂的,如果真的想把它搞得明明白...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
python爬取百部电影数据,我分析出了一个残酷的真相
2019年就这么匆匆过去了,就在前几天国家电影局发布了2019年中国电影市场数据,数据显示去年总票房为642.66亿元,同比增长5.4%;国产电影总票房411.75亿元,同比增长8.65%,市场占比 64.07%;城市院线观影人次17.27亿,同比增长0.64%。 看上去似乎是一片大好对不对?不过作为一名严谨求实的数据分析师,我从官方数据中看出了一点端倪:国产票房增幅都已经高达8.65%了,为什...
推荐10个堪称神器的学习网站
每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈) 既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推...
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
阿里面试,面试官没想到一个ArrayList,我都能跟他扯半小时
我是真的没想到,面试官会这样问我ArrayList。
曾经优秀的人,怎么就突然不优秀了。
职场上有很多辛酸事,很多合伙人出局的故事,很多技术骨干被裁员的故事。说来模板都类似,曾经是名校毕业,曾经是优秀员工,曾经被领导表扬,曾经业绩突出,然而突然有一天,因为种种原因,被裁员了,...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
良心推荐,我珍藏的一些Chrome插件
上次搬家的时候,发了一个朋友圈,附带的照片中不小心暴露了自己的 Chrome 浏览器插件之多,于是就有小伙伴评论说分享一下我觉得还不错的浏览器插件。 我下面就把我日常工作和学习中经常用到的一些 Chrome 浏览器插件分享给大家,随便一个都能提高你的“生活品质”和工作效率。 Markdown Here Markdown Here 可以让你更愉快的写邮件,由于支持 Markdown 直接转电子邮...
看完这篇HTTP,跟面试官扯皮就没问题了
我是一名程序员,我的主要编程语言是 Java,我更是一名 Web 开发人员,所以我必须要了解 HTTP,所以本篇文章就来带你从 HTTP 入门到进阶,看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前,我们的电脑都是单机的,单机系统是孤立的,我还记得 05 年前那会儿家里有个电脑,想打电脑游戏还得两个人在一个电脑上玩儿,及其不方便。我就想为什么家里人不让上网,我的同学 xxx 家里有网,每...
剑指Offer对答如流系列 - 重建二叉树
面试题6:重建二叉树 题目:输入某二叉树的前序遍历和中序遍历的结果,请重建出该二叉树。假设输入的前序遍历和中序遍历的结果中都不含重复的数字。例如输入前序遍历序列{1,2,4,7,3,5,6,8}和中序遍历序列{4,7,2,1,5,3,8,6},则重建出图2.6所示的二叉树并输出它的头结点。二叉树结点的定义如下: class TreeNode{ int val; TreeNode l...
史上最全的IDEA快捷键总结
现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
谁是华为扫地僧?
是的,华为也有扫地僧!2020年2月11-12日,“养在深闺人不知”的华为2012实验室扫地僧们,将在华为开发者大会2020(Cloud)上,和大家见面。到时,你可以和扫地僧们,吃一个洋...
AI 没让人类失业,搞 AI 的人先失业了
最近和几个 AI 领域的大佬闲聊 根据他们讲的消息和段子 改编出下面这个故事 如有雷同 都是巧合 1. 老王创业失败,被限制高消费 “这里写我跑路的消息实在太夸张了。” 王葱葱哼笑一下,把消息分享给群里。 阿杰也看了消息,笑了笑。在座几位也都笑了。 王葱葱是个有名的人物,21岁那年以全额奖学金进入 KMU 攻读人工智能博士,累计发表论文 40 余篇,个人技术博客更是成为深度学习领域内风向标。 ...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
一份王者荣耀的英雄数据报告
咪哥杂谈本篇阅读时间约为 6 分钟。1前言前一阵写了关于王者的一些系列文章,从数据的获取到数据清洗,数据落地,都是为了本篇的铺垫。今天来实现一下,看看不同维度得到的结论。2环境准备本次实...
作为一名大学生,如何在B站上快乐的学习?
B站是个宝,谁用谁知道???? 作为一名大学生,你必须掌握的一项能力就是自学能力,很多看起来很牛X的人,你可以了解下,人家私底下一定是花大量的时间自学的,你可能会说,我也想学习啊,可是嘞,该学习啥嘞,不怕告诉你,互联网时代,最不缺的就是学习资源,最宝贵的是啥? 你可能会说是时间,不,不是时间,而是你的注意力,懂了吧! 那么,你说学习资源多,我咋不知道,那今天我就告诉你一个你必须知道的学习的地方,人称...
那些年,我们信了课本里的那些鬼话
教材永远都是有错误的,从小学到大学,我们不断的学习了很多错误知识。 斑羚飞渡 在我们学习的很多小学课文里,有很多是错误文章,或者说是假课文。像《斑羚飞渡》: 随着镰刀头羊的那声吼叫,整个斑羚群迅速分成两拨,老年斑羚为一拨,年轻斑羚为一拨。 就在这时,我看见,从那拨老斑羚里走出一只公斑羚来。公斑羚朝那拨年轻斑羚示意性地咩了一声,一只半大的斑羚应声走了出来。一老一少走到伤心崖,后退了几步,突...
一个程序在计算机中是如何运行的?超级干货!!!
强烈声明:本文很干,请自备茶水!???? 开门见山,咱不说废话! 你有没有想过,你写的程序,是如何在计算机中运行的吗?比如我们搞Java的,肯定写过这段代码 public class HelloWorld { public static void main(String[] args) { System.out.println("Hello World!"); } ...
【蘑菇街技术部年会】程序员与女神共舞,鼻血再次没止住。(文末内推)
蘑菇街技术部的年会,别开生面,一样全是美女。
那个在阿里养猪的工程师,5年了……
简介: 在阿里,走过1825天,没有趴下,依旧斗志满满,被称为“五年陈”。他们会被授予一枚戒指,过程就叫做“授戒仪式”。今天,咱们听听阿里的那些“五年陈”们的故事。 下一个五年,猪圈见! 我就是那个在养猪场里敲代码的工程师,一年多前我和20位工程师去了四川的猪场,出发前总架构师慷慨激昂的说:同学们,中国的养猪产业将因为我们而改变。但到了猪场,发现根本不是那么回事:要个WIFI,没有;...
为什么程序猿都不愿意去外包?
分享外包的组织架构,盈利模式,亲身经历,以及根据一些外包朋友的反馈,写了这篇文章 ,希望对正在找工作的老铁有所帮助
Java校招入职华为,半年后我跑路了
何来 我,一个双非本科弟弟,有幸在 19 届的秋招中得到前东家华为(以下简称 hw)的赏识,当时秋招签订就业协议,说是入了某 java bg,之后一系列组织架构调整原因等等让人无法理解的神操作,最终毕业前夕,被通知调往其他 bg 做嵌入式开发(纯 C 语言)。 由于已至于校招末尾,之前拿到的其他 offer 又无法再收回,一时感到无力回天,只得默默接受。 毕业后,直接入职开始了嵌入式苦旅,由于从未...
立即提问