可查看基于ajax的前后端多種數據交互:
js 發送text & 接收 text
js部分
var xmlhttp;
function callback() {
nodejs和java,if (xmlhttp.readyState==4){// 4 = "loaded"
if (xmlhttp.status==200){// 200 = OK
alert("成功了 = " + xmlhttp.responseText);
}else{
alert("error");
}
java tcp通信、}
}
//POST方式
function test(){
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange=callback;
java 線程間通信,xmlhttp.open("POST","test.do",true);
// 設置POST請求的請求頭 POST需添加這項 GET可不需要.
xmlhttp.setRequestHeader("Content-Type"
, "application/x-www-form-urlencoded");
xmlhttp.send('password=123&username=mingzi');
}
java雙數據源,//GET方式
function test(){
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange=callback;
xmlhttp.open("GET","test.do?password=123&username=mingzi",true);
// 設置POST請求的請求頭 POST需添加這項 GET可不需要.
java多參數傳遞?//xmlhttp.setRequestHeader("Content-Type"
//, "application/x-www-form-urlencoded");
xmlhttp.send('password=123&username=mingzi');
}
java部分
@RequestMapping(value="/test.do",produces="text/html;charset=UTF-8;")
java通信?@ResponseBody
public String test(HttpServletRequest request){
String username=request.getParameter("username");
String password=request.getParameter("password");
String url=request.getRequestURI();
String path=request.getServletPath();
java調用?String method =request.getMethod();
System.out.println("\n url is:"+url);
System.out.println("\n path is:"+path);
System.out.println("\n method is:"+method);
System.out.println("\n username is:"+username);
System.out.println("\n password is:"+password);
js調用java?return "這是后臺中文字符";
}
后臺輸出
url is:/test.do
path is:/test.do
method is:GET
java。username is:mingzi
password is:123
js 發送text 接收json
js部分
var xmlhttp;
function callback() {
java數組、if (xmlhttp.readyState==4){// 4 = "loaded"
if (xmlhttp.status==200){// 200 = OK
var data = xmlhttp.responseText;
var jsonobj = eval('(' + data + ')');
var strTemp = eval('jsonobj.one');
console.log("\n data = " + data);
java客戶端和服務端的socket編程,console.log("\n jsonobj = " + jsonobj);
alert(strTemp);
}else{
alert("error");
}
}
java調用js代碼 實例?}
function test(){
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange=callback;
xmlhttp.open("POST","test.do",true);
// // 設置POST請求的請求頭
java代碼和js代碼交互?xmlhttp.setRequestHeader("Content-Type"
, "application/json");
xmlhttp.send('password=123&username=mingzi');
}
java部分
@RequestMapping(value="/test.do")
js和java哪個難、@ResponseBody
public JSONObject test(HttpServletRequest request){
String username=request.getParameter("username");
String password=request.getParameter("password");
String url=request.getRequestURI();
String path=request.getServletPath();
java進程間通信。String method =request.getMethod();
System.out.println("\n url is:"+url);
System.out.println("\n path is:"+path);
System.out.println("\n method is:"+method);
System.out.println("\n username is:"+username);
System.out.println("\n password is:"+password);
JSONObject obj = new JSONObject();
obj.put("one","一個");
obj.put("two","兩個");
System.out.println("\n obj is:"+obj);
return obj;
}
特別注意 java想要返回給前端json數據必須引入一下兩個包 (否則會出現406錯誤)
@ResponseBody返回json格式的數據,而瀏覽器接受的是text/html;charset=UTF-8文本類型
解決方法:添加json所需要的依賴
org.codehaus.jackson
jackson-core-asl
org.codehaus.jackson
jackson-mapper-lgpl
1.9.12
關于mediaTypes配置和"accept" headers
前端 ACCEPT 類型如下
*.3gppaudio/3gpp, video/3gpp3GPP Audio/Video
*.ac3audio/ac3AC3 Audio
*.asfallpication/vnd.ms-asfAdvanced Streaming Format
*.auaudio/basicAU Audio
*.csstext/cssCascading Style Sheets
*.csvtext/csvComma Separated Values
*.docapplication/mswordMS Word Document
*.dotapplication/mswordMS Word Template
*.dtdapplication/xml-dtdDocument Type Definition
*.dwgimage/vnd.dwgAutoCAD Drawing Database
*.dxfimage/vnd.dxfAutoCAD Drawing Interchange Format
*.gifimage/gifGraphic Interchange Format
*.htmtext/htmlHyperText Markup Language
*.htmltext/htmlHyperText Markup Language
*.jp2image/jp2JPEG-2000
*.jpeimage/jpegJPEG
*.jpegimage/jpegJPEG
*.jpgimage/jpegJPEG
*.jstext/javascript, application/javascriptJavaScript
*.jsonapplication/jsonJavaScript Object Notation
*.mp2audio/mpeg, video/mpegMPEG Audio/Video Stream, Layer II
*.mp3audio/mpegMPEG Audio Stream, Layer III
*.mp4audio/mp4, video/mp4MPEG-4 Audio/Video
*.mpegvideo/mpegMPEG Video Stream, Layer II
*.mpgvideo/mpegMPEG Video Stream, Layer II
*.mppapplication/vnd.ms-projectMS Project Project
*.oggapplication/ogg, audio/oggOgg Vorbis
*.pdfapplication/pdfPortable Document Format
*.pngimage/pngPortable Network Graphics
*.potapplication/vnd.ms-powerpointMS PowerPoint Template
*.ppsapplication/vnd.ms-powerpointMS PowerPoint Slideshow
*.pptapplication/vnd.ms-powerpointMS PowerPoint Presentation
*.rtfapplication/rtf, text/rtfRich Text Format
*.svfimage/vnd.svfSimple Vector Format
*.tifimage/tiffTagged Image Format File
*.tiffimage/tiffTagged Image Format File
*.txttext/plainPlain Text
*.wdbapplication/vnd.ms-worksMS Works Database
*.wpsapplication/vnd.ms-worksWorks Text Document
*.xhtmlapplication/xhtml+xmlExtensible HyperText Markup Language
*.xlcapplication/vnd.ms-excelMS Excel Chart
*.xlmapplication/vnd.ms-excelMS Excel Macro
*.xlsapplication/vnd.ms-excelMS Excel Spreadsheet
*.xltapplication/vnd.ms-excelMS Excel Template
*.xlwapplication/vnd.ms-excelMS Excel Workspace
*.xmltext/xml, application/xmlExtensible Markup Language
*.zipaplication/zipCompressed Archive
版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。
工作时间:8:00-18:00
客服电话
电子邮件
admin@qq.com
扫码二维码
获取最新动态