`
liutingfeng2010
  • 浏览: 7607 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

跨域调用的完整实例(用jquery调用)

阅读更多
/**html文件*/
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>jQuery EasyUI</title>
        <script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $("#button1").click(function() {
alert("gagag");
var url="http://192.168.1.155:8080/jml/pos/test.fbi";
                    $.getJSON(url + "?callback=?", function(json) {
                        alert(json.name);
                    });
                });
            });
        </script>
    </head>
    <input value="button" type="button" id="button1"/>
    <body></body>
</html>
/**后台文件*/
/**格式要求:
在服务端通过获得callback参数(如下:value="jsonp*****")得到jQuery端随后要回调的
然后返回类似:"jsonp*****("+要返回的json对象+")";
*/
@RequestMapping(value = "/jml/pos/test.fbi")
public void testRequest(final HttpServletRequest request, final HttpServletResponse response)
throws Exception {
final String jsonp = request.getParameter("callback");
response.setContentType("text/html; charset=utf-8");
response.setCharacterEncoding("utf-8");
response.getWriter().print(jsonp+"({\"name\":\"yoyo!\"})");

}
分享到:
评论

相关推荐

    ajax跨域调用wcf实例

    通过以上步骤,你可以成功地使用AJAX跨域调用WCF服务。在实际项目中,需要根据具体需求调整配置,并结合安全措施,以确保服务的稳定性和安全性。在调试过程中,可以使用浏览器的开发者工具检查网络请求和响应,以...

    ajax跨域调用wcf实例--改分重传

    在本实例中,“ajax跨域调用wcf”是指通过Ajax技术实现对WCF服务的跨域请求。 **什么是Ajax跨域?** 在同源策略限制下,JavaScript通常不能访问不同源(协议、域名或端口不同)的资源。然而,为了实现Web应用的灵活...

    JQuery Ajax跨域调用和非跨域调用问题实例分析

    本文实例讲述了JQuery Ajax跨域调用和非跨域调用问题。分享给大家供大家参考,具体如下: 现在的互联网技术发展的越来越快,我们在开发过程中遇到的问题也越来越多。比如当我们需要进行跨域访问数据的时候该如何进行...

    JS跨域调用WCF服务实例(WCF服务宿主到控制台)

    本文将详细介绍如何实现JS跨域调用WCF服务,并通过一个控制台应用作为服务宿主的实例进行讲解。 首先,我们要理解什么是跨域问题。在Web浏览器的安全策略中,同源策略限制了JavaScript只能访问与当前页面同源(协议...

    jquery跨域实例java

    自己做的小例子,关于跨域调用。用的是jquery. 里面两个工程。A和B。用A调用B。 放在tomcat或myeclipse中就可以跑起来。以前做建行的项目。用到的。很实用。 两个工程可以放在不同的机器上。IP也不同。相当...

    js跨域调用

    在本实例中,我们将讨论如何使用JS实现跨域调用WebService。"JqCrossDomain"这个文件名可能指的是使用jQuery库来处理跨域请求,因为jQuery提供了一些方便的方法来简化这个过程。 首先,了解同源策略是理解跨域调用...

    jquery ajax jsonp跨域调用实例代码

    今天研究了AJAX使用JSONP进行跨域调用的方法,发现使用GET方式和POST方式都可以进行跨域调用,这里简单分享下,方便需要的朋友

    MVCAJAX用JQUERY调用实例例子

    在本文中,我们将深入探讨如何在MV(Model-View-Controller)架构中使用JQuery进行AJAX调用,以及如何处理JSON返回值。这通常在Web应用开发中用于实现无刷新的数据交互,提高用户体验。 首先,让我们理解MVC模式。...

    js跨域调用WebService的简单实例

    标题:“js跨域调用WebService的简单实例”主要探讨了如何在JavaScript中进行跨域调用WebService的问题,并提供了一个具体的实现示例。这个知识点是在Web开发中常见的问题,当前端JavaScript需要与后端进行数据交互...

    JS使用AjAX实例,JQUERY使用AJAX实例

    **JS使用AJAX实例** AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在JavaScript中,我们通常使用`XMLHttpRequest`对象或者jQuery库来实现AJAX请求。 1...

    jquery wcf cross ,wcf 跨域

    总结来说,这个压缩包提供的内容可能是关于如何在jQuery中处理WCF跨域调用的实例和指导,帮助开发者克服浏览器同源策略的限制,实现不同域之间的数据交换。通过理解并实践这些知识点,开发者可以更灵活地构建和维护...

    json跨域调用python的方法详解

    本文实例讲述了json跨域调用python的方法。分享给大家供大家参考,具体如下: 客户端: &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

    ajax跨域请求调用webservice接口+视频教程

    以下是使用Ajax进行跨域请求调用WebService的基本步骤: 1. 创建XMLHttpRequest对象,实例化一个新的请求。 2. 使用`open()`方法配置请求,包括请求类型(GET或POST)、URL和是否异步。 3. 设置请求头,特别是对于...

    ajax入门实例使用jQuery

    **Ajax入门实例使用jQuery** Ajax(Asynchronous JavaScript and XML)技术是现代Web开发中的关键组成部分,它允许在不刷新整个页面的情况下与服务器进行异步数据交换。jQuery库为开发者提供了非常方便的Ajax接口,...

    jQuery使用ajax跨域获取数据的简单实例

    在使用jQuery的ajax方法进行跨域请求时,首先需要确保后端支持CORS。这通常意味着后端服务器需要在响应头中加入特定的字段来允许跨域请求。例如,服务器响应头中需要包含`Access-Control-Allow-Origin`字段,并设置...

    AJAX无刷新 调用文件实例

    以下是一个简单的AJAX文件调用实例,使用了`InitAjax.js`文件: ```javascript // 创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); // 监听状态变化 xhr.onreadystatechange = function() { if (xhr....

    50个Jquery经典实例

    14. **插件使用**:jQuery社区提供了大量插件,如轮播图、日期选择器等,只需引入插件文件并调用相应方法即可,如`$("#slider").carousel()`。 15. **表单验证**:使用jQuery Validate插件,可以轻松实现表单验证,...

Global site tag (gtag.js) - Google Analytics