您的位置:首页 > 其它

ajax跨域请求操作实例

2015-12-20 14:16 399 查看
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS</title>
<style>
#box{
width:600px;
height:200px;
padding:20px;
border:1px solid #999;
}
</style>

</head>
<body>
<h1>ajax跨域请求操作实例</h1>
<hr>
<button onclick="loadHtml()">加载</button>
<div id="box"></div>
<script>
//http://127.0.0.1/s32/JS10_Jquery01/lessson/2.php
function loadHtml(){
//创建script
var script = document.createElement("script");
script.src = "http://127.0.0.1/s32/JS10_Jquery01/lessson/2.php";
//把script元素追加到body
document.body.appendChild(script);
//删除
document.body.removeChild(script);
}

//定义函数
function addHtml(data){
document.getElementById('box').innerHTML = data;
}
</script>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: