当前位置: 代码迷 >> Ajax >> ajax逾越请求
  详细解决方案

ajax逾越请求

热度:469   发布时间:2012-09-03 09:48:39.0
ajax跨越请求

ajax跨越请求

?

ajax的跨域(其实我也不知道我这个是ajax跨域还是js跨域,暂时就叫ajax跨越吧)问题一直是个头痛的问题,一直想避开这个问题,哎,可惜避不过啊。最近一个项目里就必须用了。在网上找了一下,有的没说清(呵呵,可能是我的理解能力差),有的不好实施,最后好不容易找到一篇,自己总结了下,跟大家分享。原理很简单,就是动态生成一个script标签,src指向需要访问的jsp或servlet,然后jsp或servlet,输出一个可执行的js方法,这么说可能大家容易晕。所以直接看代码吧,呵呵。

?

一开始是jsp代码,很简单就是一个按钮,点击的时候执行一个test方法。

<input type="button" onclick="test();" value="TEST"/>

?

?

以下是几个封转好的js方法,大家不要看代码多,一切都已经封装好,只需要知道怎么掉就行了,呵呵

?

?

function JSONscriptRequest(url){
  	this.fullUrl=url;
  	this.noCacheIE='&dtm='+new Date().getTime();
  	this.headLoc=document.getElementsByTagName("head").item(0);
}

JSONscriptRequest.prototype = {

	buildScriptTag:function(){

		  this.scriptObj=document.createElement("script");
	
		  this.scriptObj.setAttribute("type","text/javascript");
	
		  this.scriptObj.setAttribute("id",this.scriptId);
	
		  this.scriptObj.setAttribute("src",this.fullUrl+this.noCacheIE);

	},
	removeScriptTag:function(){
	 	 this.headLoc.removeChild(this.scriptObj); 
	
	},
	addScriptTag:function(){
	 	this.headLoc.appendChild(this.scriptObj);
	}

}

function sendRequestServer(params,callback) {
	
	var requestServerUrl="http://localhost:8080/testAjax/TestServlet";
	var requestURL=requestServerUrl+"?"+params+"&cbk="+callback;
	var jreq = new JSONscriptRequest(requestURL);
	jreq.buildScriptTag();
	jreq.addScriptTag();
}

?

?

接下来是点击页面上的按钮时需要执行的方法。

?

?

function test(){
	var params='method=test';
	sendRequestServer(params,'callback');
		
}

?

以下是回调函数

?

function callback(jsondata){
	for(var i=0;i<jsondata.length;i++){
		 alert(jsondata[i]);
	}
}

?

接下来是servlet中代码

?

public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        response.setContentType("text/html");
        //下面这句具体是干什么的我也不太清楚,呵呵,有知道的希望大家能告我一下
        response.setHeader("P3P","CP=\"CURa ADMa DEVa PSAo PSDo OUR BUS UNI PUR INT DEM STA PRE COM NAV OTC NOI DSP COR\"");
        response.setCharacterEncoding("utf-8");
        request.setCharacterEncoding("utf-8");
        PrintWriter out = response.getWriter();
        String method =request.getParameter("method");
        String cbk=request.getParameter("cbk");
        if("test".equals(method)){
            List<String> list= new ArrayList<String>();
            list.add("ssss1");
            list.add("ssss2");
            list.add("ssss3");
          //转为json,不习惯用json的,可以拼字符串,用json的话, list里可以放对象,方便js调用
            String callback=cbk+"("+MyJSONUtils.toJSONString(list)+");";
            //callback 字符串,其实就是拼了一个前台需要执行的js方法
            out.print(callback);
        }
    }

?

在servlet中返回的是json,也可以是字符串,json所需jar包不好找,我已经打包好,上传到? http://xuedong.iteye.com/admin/blogs/1115064,大家可以下载使用,都是经过测试的。以上就是全部代码了,我都测试过可以使用,我一会把项目打包上传上来。呵呵,有什么不合适的,希望大家指出来,大家共同进步,如果用着有问题可以留言问我。呵呵.

?

转载请注明出处,谢谢。http://xuedong.iteye.com/admin/blogs/1134948

1 楼 cnnewjohn 2011-07-28  
P3P 貌似多站点跨域COOKIE常用
  相关解决方案