教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 利用JQuery和Servlet实现跨域提交请求示例分享

利用JQuery和Servlet实现跨域提交请求示例分享

发布时间:2014-06-29   编辑:jiaochengji.com
这篇文章主要介绍了利用JQuery和Servlet实现跨域提交请求示例,需要的朋友可以参考下

原理:JavaScript的Ajax不可以跨域,但是可以通过向本地的一个Servlet发出请求,由Servlet完成跨域。再把远程的结构返回给客户端。这样Ajax就可以跨域了。在后面,再发一个PHP版本的,请大家关注啊。下面是代码

JS代码:

注意:在Post方式时,param1和param2为向远程发送的参数值,可以有多个。

复制代码 代码如下:

//GET方式
function reqeustCrossDomainProxyGet(){
    var url = "http://www.baidu.com";//远程请求地址
    var param = {'requesturl':url,'typedata':'JSON'};
    var data = getCrossDomainProxyRemote(param,"json");
}
//Post方式
function reqeustCrossDomainProxyPost(param1,param2){
    var url = apiServer+"/api/lucene/query";
    var param = {'requesturl':url,'typedata':'JSON','param1':param1,'param2':param2};
    var data = getCrossDomainProxyRemote(param,"json");
}

/**
 * JS向本址的一个Servlet发送POST请求,所有关于远程请求的参数。
 * 在此处参POST方式发送给Servlet
 * @param param 远程请求参数
 * @param rtype JS返回类型(暂时没有用到)
 * @return
 */
function getCrossDomainProxyRemote(param,rtype){
    var url = "/cross/proxy";//Servlet的URL地址
    var returndata;
    $.ajax({
        url: url,type: 'POST',dataType: rtype,timeout: 40000,data:param, async:false,
        error: function(response,error) {alert(response.status);},
        success: function(data){returndata=data;}
    });
    return returndata;
}

您可能感兴趣的文章:
利用JQuery和Servlet实现跨域提交请求示例分享
php中json的跨域实例分析
PHP防止跨域提交表单的解决方法
servlet与jsp基础教程(1)-Servlet和JSP概述
用连接池提高Servlet访问数据库的效率
jquery下异步提交表单 异步跨域提交表单
django如何实现跨域请求
JQuery的Ajax跨域请求原理概述及实例
flask如何请求别的网站
jquery下利用jsonp跨域访问实现方法

关键词: servlet  跨域提交   
[关闭]
~ ~