如何通过 javascript 跨域将 html 变为 return
How to get html to return via javascript crossdomain
我正在使用 ebay,他们允许 javascript。我想从我的域 return html。但是我只知道 jQuery 而 ebay 不允许 jQuery。这是我如何调用 jQuery.
中的文件
var data: {
on:1
};
var url = "myfile.php";
jQuery.post(url,data,function(response)) {
$("#element").html(response);
});
php
<?php
echo "<table><tr><th>test</th></tr></table>";
die();
?>
如何调用 javascript 中的文件?
正如您可能想象的那样,使用纯 JavaScript 发送自定义 Ajax 请求有点棘手。但这并不难。您不需要更改 PHP 文件的任何内容。但是 Ajax 请求的等效 JavaScript 代码是:
Ajax 示例使用 JavaScript:
var data = { on: 1 }; // the same data parameter on your code
var xmlhttp; // the XMLHttpRequest object
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}
else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
// this is how you access the returned data
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
// and bind it to your HTML
document.getElementById("element").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("POST","myfile.php",true); // this prepares the Ajax call
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); // sets the correct request type for POST
xmlhttp.send(data); // actually sends the request
更新:
如果您遇到有关访问控制的错误,请将其添加到 PHP 文件的顶部:
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST');
参考: http://www.w3schools.com/ajax/default.asp
希望这能回答您的问题。
我正在使用 ebay,他们允许 javascript。我想从我的域 return html。但是我只知道 jQuery 而 ebay 不允许 jQuery。这是我如何调用 jQuery.
中的文件var data: {
on:1
};
var url = "myfile.php";
jQuery.post(url,data,function(response)) {
$("#element").html(response);
});
php
<?php
echo "<table><tr><th>test</th></tr></table>";
die();
?>
如何调用 javascript 中的文件?
正如您可能想象的那样,使用纯 JavaScript 发送自定义 Ajax 请求有点棘手。但这并不难。您不需要更改 PHP 文件的任何内容。但是 Ajax 请求的等效 JavaScript 代码是:
Ajax 示例使用 JavaScript:
var data = { on: 1 }; // the same data parameter on your code
var xmlhttp; // the XMLHttpRequest object
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}
else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
// this is how you access the returned data
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
// and bind it to your HTML
document.getElementById("element").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("POST","myfile.php",true); // this prepares the Ajax call
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); // sets the correct request type for POST
xmlhttp.send(data); // actually sends the request
更新: 如果您遇到有关访问控制的错误,请将其添加到 PHP 文件的顶部:
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST');
参考: http://www.w3schools.com/ajax/default.asp
希望这能回答您的问题。