Javascript 在html中使用ajax解析xml文件
当我使用以下代码时,我得到了xmlhttp.status 0。我搜索了以下代码时,我将得到xmlhttp.status作为0。我发现,如果我使用本地文件,那么我将得到0的响应。当我运行代码时,我得到的响应为nullJavascript 在html中使用ajax解析xml文件,javascript,html,ajax,Javascript,Html,Ajax,当我使用以下代码时,我得到了xmlhttp.status 0。我搜索了以下代码时,我将得到xmlhttp.status作为0。我发现,如果我使用本地文件,那么我将得到0的响应。当我运行代码时,我得到的响应为null <script language="javascript"> var xmlhttp; function init() { // put more code here in case you are concerned about b
<script language="javascript">
var xmlhttp;
function init() {
// put more code here in case you are concerned about browsers that do not provide XMLHttpRequest object directly
xmlhttp = new XMLHttpRequest();
}
function getdetails() {
var txtDate = document.getElementById("txtDate");
var url = "http://192.168.1.31:8080/CFL/seam/resource/restv1/test?date=" + txtDate.value;
xmlhttp.open('GET',url,true);
xmlhttp.send(null);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4) {
if ( xmlhttp.status == 0) {
var det = eval( "(" + xmlhttp.responseXML + ")");
var xmlDoc=xmlhttp.responseText;
alert(xmlDoc);
}
else
alert("Error ->" + xmlhttp.responseText);
}
};
}
</script>
<body onload="init()">
<form name="form1" method="post" action="jquery-datepicker-disable-future-dates.aspx" id="form1">
<center>Date: <input name="txtDate" type="text" id="txtDate" /><br /><input type="button" value="Get Details" onclick="getdetails()"/></center>
<div id="div1"></div>
</table>
</form>
</body>
var-xmlhttp;
函数init(){
//如果您担心浏览器不直接提供XMLHttpRequest对象,请在此处添加更多代码
xmlhttp=新的XMLHttpRequest();
}
函数getdetails(){
var txtDate=document.getElementById(“txtDate”);
变量url=”http://192.168.1.31:8080/CFL/seam/resource/restv1/test?date=“+txtDate.value;
open('GET',url,true);
xmlhttp.send(空);
xmlhttp.onreadystatechange=函数(){
if(xmlhttp.readyState==4){
如果(xmlhttp.status==0){
var det=eval(“+xmlhttp.responseXML+”);
var xmlDoc=xmlhttp.responseText;
警报(xmlDoc);
}
其他的
警报(“错误->”+xmlhttp.responseText);
}
};
}
日期:
此安全限制阻止XMLHttpRequest对象
请求最初提供脚本的域之外的资源
因此,您必须将上述代码托管在域192.168.1.31:8080中的一个文件中,才能使其正常工作