原生javascript發送ajax請求及服務端處理

最後更新：2017-04-10 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：res 處理 false jquer hashmap flush cat void option

<%@ 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">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
//$j.getScript("${teamcityPluginResourcesPath}js/jquery-1.11.2.min.js");
its = {
writeSelect : function(obj) {
obj.options[0].selected = "select";
obj.options[0].text = obj.options[0].text
+ String.fromCharCode(event.keyCode);
event.returnValue = false;
return obj.options[0].text;
},
ttt : function() {
var ss = document.getElementById("platform").value;
var jg = "";

if (ss == "") {
var aas = writeSelect(document.getElementById("platform"));
jg = aas;
} else {
jg = document.getElementById("platform").value;
}

alert(jg);
},
getAllCases: function(){
var path=document.getElementById("path").value;
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");
}

if (xmlhttp==null){
alert(‘your browser don not support AJAX!‘);
return;
}
var url=‘/testJSAjax/getCases.do‘;
xmlhttp.open("POST",url,true);
xmlhttp.setRequestHeader("Content-type","application/json"); //can‘t be application/json,charset=utf-8
xmlhttp.send(path);
xmlhttp.onreadystatechange=function (){
if(xmlhttp.readyState==1||xmlhttp.readyState==2||xmlhttp.readyState==3){
// 本地提示：載入中/處理中

}
if (xmlhttp.readyState==4 && xmlhttp.status==200){
var d=xmlhttp.responseText; // 傳回值
// 處理傳回值
}
}
}

}

</script>
<input type="text" id="path"></input><input type="button" onclick="its.getAllCases()"></input>
</body>
</html>

服務端處理：

public class AjaxController extends HttpServlet{
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
String path = (String)req.getAttribute("path");// the path‘s value will be null
StringBuffer jb = new StringBuffer();
String line = null;
try {
BufferedReader reader = req.getReader();
while ((line = reader.readLine()) != null)
jb.append(line);
} catch (Exception e) {/* report an error */
}
CaseMng caseMng = new CaseMng();
boolean update =caseMng.updateRepository("C:/test_svn");
String cases = caseMng.getAllCases(jb.toString());
//JSONObject jsonObj = new JSONObject();
//jsonObj.put("path", path);
Map map = new HashMap();
System.out.println(cases);
map.put("cases", cases);
Gson gson = new Gson();
String jsonObj = gson.toJson(map);
System.out.println("cases:"+cases);
this.sendJson(resp, jsonObj);
}

public void sendJson(HttpServletResponse response, String jsonobj) {
try {
PrintWriter out = response.getWriter();
out.print(jsonobj);
out.flush();
out.close();
} catch (IOException e) {
e.printStackTrace();
}

}
}

;charset=UTF-8

原生javascript發送ajax請求及服務端處理

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More