sendData to ABAP backend via multiple form content type
生活随笔
收集整理的這篇文章主要介紹了
sendData to ABAP backend via multiple form content type
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
Created by Jerry Wang, last modified on Aug 20, 2014
使用multipart/form-data的content type通過(guò)Javascript向application server發(fā)送數(shù)據(jù):
<html> <head> <script type="text/javascript"> if (!XMLHttpRequest.prototype.sendAsBinary) {XMLHttpRequest.prototype.sendAsBinary = function(sData) {var nBytes = sData.length, ui8Data = new Uint8Array(nBytes);for (var nIdx = 0; nIdx < nBytes; nIdx++) {ui8Data[nIdx] = sData.charCodeAt(nIdx) & 0xff;}this.send(ui8Data);}; } var xmlhttp; function GetXmlHttpObject() {if (window.XMLHttpRequest) {return new XMLHttpRequest();}if (window.ActiveXObject) {return new ActiveXObject("Microsoft.XMLHTTP");}return null; } function stateChanged() {if (xmlhttp.readyState == 4) {document.getElementById("result").innerHTML = xmlhttp.responseText;document.getElementById("result").style.border = "1px solid #A5ACB2";} } function getRequestURL(str) {var url = "<host:port>" + str;url = url + "&sid=" + Math.random();return url; } function showResult(str) { if (str.length == 0 ) {document.getElementById("result").innerHTML = "";document.getElementById("result").style.border = "0px";return; } xmlhttp = GetXmlHttpObject(); if (xmlhttp == null ){alert ("Your browser does not support XML HTTP Request");return;} var requesturl = getRequestURL(str); xmlhttp.onreadystatechange = stateChanged ; if ("withCredentials" in xmlhttp) {console.log("Great!!!!!"); } xmlhttp.open("POST",requesturl,true); xmlhttp.setRequestHeader("Content-Type", "multipart\/form-data"); var data = []; var firstName = "firstName"; var firstNameValue = "Jerry"; var lastName = "lastName"; var lastNameValue = "Wang"; data.push( "Content-Disposition: form-data; name=\"" + firstName + "\"\r\n\r\n" + firstNameValue + "\r\n"); data.push( "Content-Disposition: form-data; name=\"" + lastName + "\"\r\n\r\n" + lastNameValue + "\r\n"); var sBoundary = "---------------------------" + Date.now().toString(16); xmlhttp.setRequestHeader("Content-Type", "multipart\/form-data; boundary=" + sBoundary); var sendStream = "--" + sBoundary + "\r\n" + data.join("--" + sBoundary + "\r\n") + "--" + sBoundary + "--\r\n"; xmlhttp.sendAsBinary(sendStream); } </script> </head> <body> <input type="text" id="fname" onkeyup="showResult(this.value)" /> <div id = "result" ></div> </body> </html>發(fā)送的header:
在ABAP backend觀察到的content type:
form fields:
request payload body:
總結(jié)
以上是生活随笔為你收集整理的sendData to ABAP backend via multiple form content type的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 股票怎么注册开户 股票怎样注册开户
- 下一篇： tcode search_sap_men