js ajax 跨域

来源：互联网发布：收纳好物知乎编辑：程序博客网时间：2024/06/05 05:12

ajax 是不能跨域传值

要跨域传值有4个方法其中我用的是 createElement('script') 方法

原理是这样的：

通过创建script 通过src引入将需要跨域的js文件并置于<head>内头部

传值过来的内容是以被调用的函数形式出现的

例 window.baidu.su({....});

（{....}只不过是数组形式而已）

然后根据传值过来的内容，写对应的函数即获取传过来的值

例 window.baidu = {};

window.baidu.su = function(value){

alert(value);

}

这样就能得到传过来的值了

注意：在ie等浏览器中要多次使用这个方法的话一定要把原先创建的script用removeChild先删除掉

window.baidu.sug({q:"w",p:true,s:["wow","wwe","webqq","www.4399.com","www.baidu.com","www.163.com","wow官网","www.qq.com","wonder girls","windows7"]});

以下附上自制百度搜索框联想词

<html><HEAD><title>切换搜索引擎</title></HEAD><mce:script type="text/javascript"></mce:script><body><div id="page" onmouseover="switch_search_engine('page')" style="float:left;background-color:#ffffff;width:50px;" name='e'>网页</div><div id="mp3" onmouseover="switch_search_engine('mp3')" style="float:left;background-color:#ffffff;width:50px;">mp3</div><div id="img" onmouseover="switch_search_engine('img')" style="float:left;background-color:#ffffff;width:50px;">图片</div><br /><div id="showpage" style="float:left;" mce_style="float:left;"><form action="http://www.baidu.com/baidu" target="_blank" id="pageform"><table bgcolor="#FFFFFF"><tr><td><input name=tn type=hidden value=baidu><img src="http://2345.com/i/bd_1b.gif" mce_src="http://2345.com/i/bd_1b.gif" alt="Baidu" align="bottom" border="0"><input type=text name=word size=30 id="wordpage" onKeyUp="relatedWords('page')"><input type="submit" value="百度搜索"></td></tr></table></form></div><div id="showmp3" style="float:left;" mce_style="float:left;"><form action="http://mp3.baidu.com/m" target="_blank" id="mp3form"><table bgcolor="#FFFFFF"><tr><td><input name=tn type=hidden value=baidump3><input name=ct type=hidden value=134217728><input name=lm type=hidden value=-1><img src="http://2345.com/i/bd_2b.gif" mce_src="http://2345.com/i/bd_2b.gif" alt="Baidu" align="bottom" border="0"><input type=text name=word size=30 id="wordmp3" onKeyUp="relatedWords('mp3')"><input type="submit" value="百度搜索"></td></tr></table></form></div><div id="showimg" style="float:left;" mce_style="float:left;"><form action="http://image.baidu.com/i" target="_blank" id="imgform"><table bgcolor="#FFFFFF"><tr><td><input name=tn type=hidden value=baiduiamge><input name=ct type=hidden value=201326592><input name=cl type=hidden value=2><input name=lm type=hidden value=-1><img src="http://2345.com/i/bd_3b.gif" mce_src="http://2345.com/i/bd_3b.gif" alt="Baidu" align="bottom" border="0"><input type=text name=word size=30 id="wordimg" onKeyUp="relatedWords('img')"><input type="submit" value="百度搜索"></td></tr></table></form></div><div style="clear:both" mce_style="clear:both"></div><div id="flag" width=500px height=400px></div><mce:script type="text/javascript"></mce:script></body></html>