ajax跨域请求

it2022-05-09 56

1、iframe方法

test.php

<html><head><script>var url = "http://localhost/ajax/test2.php"var oldHash = null;var timer = null;

function getHash() { var hash = window.location.hash; if ((hash.length >= 1) && (hash.charAt(0) == '#')) { hash = hash.substring(1); }

return hash;}

function sendRequest(){ var d = document; var t = d.getElementById('request'); var f = d.getElementById('alienFrame'); f.src = url + "#" + t.value + "<br/>" + new Date();}

function setDivHtml(v){ var d = document; var dv = d.getElementById('response'); dv.innerHTML = v;}

function idle(){ var newHash = getHash();

if (newHash != oldHash) { setDivHtml(newHash); oldHash = newHash; }

timer = window.setTimeout(idle, 100);}

window.onload = function(){ timer = window.setTimeout(idle, 100);}</script></head><body>

请求：<input id="request"/> <input type="button" value="发送" οnclick="sendRequest()"/><br/>回复：<div id="response"></div>

</body></html>

test2.php

<html><head><script>var url = "http://localhost/ajax/test.php"var oldHash = null;var timer = null;

function getHash() { var hash = window.location.hash; if ((hash.length >= 1) && (hash.charAt(0) == '#')) { hash = hash.substring(1); }

return hash;}

function sendRequest(){ var d = document; var t = d.getElementById('request'); var f = parent; //alert(f.document); //试着去掉这个注释，你会得到“Access is denied” f.location.href = url + "#" + t.value + "<br/>" + new Date();}

function setDivHtml(v){ var d = document; var dv = d.getElementById('response'); dv.innerHTML = v;}

function idle(){ var newHash = getHash();

if (newHash != oldHash) { setDivHtml(newHash); oldHash = newHash; }

timer = window.setTimeout(idle, 100);}

window.onload = function (){ timer = window.setTimeout(idle, 100); console.log(window.location);}</script></head><body>

请求：<input id="request"/> <input type="button" value="发送" οnclick="sendRequest()"/><br/>回复：<div id="response"></div>

</body></html>

2、建script方法

JsServer_js.php

<html><head><script> var scriptBlock = document.createElement("script"); var a = {};

function StartGet() { window.reni_cid = {};

scriptBlock.src = ""; scriptBlock.src = "http://localhost/ajax/JsServer_server.php"; scriptBlock.type = "text/javascript"; scriptBlock.language = "javascript"; document.getElementsByTagName("head")[0].appendChild(scriptBlock); scriptBlock.onreadystatechange = ReturnData();　　//仅IE浏览器有onreadystatechange方法 } function ReturnData() { if("loaded" == scriptBlock.readyState) { alert(scriptBlock.readyState); var div = document.getElementById("htmldiv"); alert(reni_cid); alert(reni_cid.project); div.innerHTML = reni_cid.project[0].name1; //a是返回的json里面的变量 } }

function loadContent(){var s=document.createElement('SCRIPT');s.src='http://localhost/ajax/JsServer_server.php';document.body.appendChild(s);}

function setDivContent(v){var dv = document.getElementById("dv");dv.innerHTML = v; }</script></head><body><div id="htmldiv"></div>

JsServer_server.php

<?php$arr = array( b=>"hello", 2=>"world");echo "reni_cid='hello'";//echo json_encode($arr);//echo "window.reni_cid = {'project':[{'name1':'a1'},{'name2':'a2'}]};";?>

//目前这样返回的数据有误，不知道php如何返回数据来更改请求方的js对象值

转载于:https://www.cnblogs.com/killallspree/p/3214809.html

专利

最新回复(0)