`

利用JQuery实现Ajax跨域请求(zz)

jQueryAjaxCSSHTML 
阅读更多
利用JQuery实现更简单的Ajax跨域请求 
<html>
<head>
<title>JQuery学习</title>
<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    var oBtnTest = $("#btnTest");
    oBtnTest.click(function(){
        oBtnTest.disabled = true;    
        var oResult = $("#result");
        oResult.html("loading").css("color","red");
        jQuery.getScript("http://app.cntvs.com/test/js.txt", 
        function(){            
            oResult.html("name:" + jimmy.name + "<br/>email:" + jimmy.email).css("color","black");            
            oBtnTest.disabled = false;            
        });         
    });    
});    
</script>
</head>
<body>
<button id="btnTest">BtnTest</button>
<div id="result"></div>
</body>
</html>

远程服务器端js.txt的内容为:
var jimmy = {name:"jimmy.yang",email:jimmy.yang@163.com}
分享到：
| TestRefrence java参数传值
评论
1 楼 ydc919 2010-11-30  
  
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Jquery跨域Ajax请求测试

    本示例"Jquery跨域Ajax请求测试"将详细讲解如何利用jQuery实现这一功能。 首先，了解同源策略是理解跨域问题的关键。同源策略是浏览器为了保障用户安全而设定的一项机制，它规定了只有来自同一协议、同一域名和同一...

    利用JQuery jsonp实现Ajax跨域请求json数据

    本篇文章将详细讲解如何利用jQuery的jsonp方法实现Ajax跨域请求，以及如何在服务器端使用.Net的*.handler和WebService来返回JSON数据。 首先，理解JSONP的基本原理。JSONP是一种非官方的协议，通过动态创建`...

    juery mobile使用ajax跨域请求服务器的小实例

    在这里，我们将探讨如何利用jQuery Mobile和Ajax实现跨域请求。 首先，理解什么是跨域请求。由于浏览器的安全策略，JavaScript通常被限制在同源策略之下，即只能访问与当前页面相同协议、域名和端口的资源。但有时...

    ajax 跨域请求问题 jquery jsonp

    **Ajax跨域请求问题与jQuery JSONP解析** 在Web开发中，Ajax技术被广泛用于实现页面的异步更新，但浏览器的同源策略（Same-Origin Policy）限制了Ajax请求只能向同源（协议、域名、端口均相同）的服务器发送。这在...

    Java通过jQuery实现ajax异步请求

    本示例工程"Java通过jQuery实现ajax异步请求"着重展示了如何利用jQuery的AJAX功能与后端Java服务器进行数据通信，从而实现页面的无刷新更新。以下将详细解释这个过程中涉及的关键知识点。 首先，jQuery是一个强大的...

    解决ajax跨域请求问题

    然而，跨域请求是Ajax的一个常见问题，由于浏览器的同源策略限制，Ajax请求只能向与当前页面同源的服务器发送。本文将深入探讨如何解决Ajax跨域请求的问题。 首先，理解“同源策略”是解决问题的关键。同源策略是...

    jquery的ajax跨域请求原理和示例

    今天在项目中需要做远程数据加载并渲染页面，直到开发阶段才意识到ajax跨域请求的问题，隐约记得Jquery有提过一个ajax跨域请求的解决方式，于是即刻翻出Jquery的API出来研究，发 JQuery对于Ajax的跨域请求有两类解决...

    ajax跨域请求WebService.asmx

    【Ajax跨域请求WebService.asmx】是一个常见的Web开发技术应用场景，主要涉及到JavaScript的Ajax技术、C#编程语言以及ASP.NET的WebService组件。Ajax（Asynchronous JavaScript and XML）是一种在不刷新整个页面的...

    ajax跨域请求demo.zip

    这个"ajax跨域请求demo.zip"压缩包提供了一个关于如何实现Ajax跨域请求的示例，涉及到前后端的交互。 首先，我们关注"前端代码"部分。前端通常使用JavaScript库如jQuery来实现Ajax请求。jQuery的`$.ajax()`方法是...

    ajax跨域请求

    本篇文章将通过一个具体的示例（JSP页面+后台实例）来详细介绍如何实现AJAX跨域请求。 #### 二、同源策略概述 同源策略（Same-origin policy）是浏览器的一项安全措施，用于限制一个源上的网页脚本与另一个源上的...

    JQury实现Ajax跨域访问

    **jQuery实现Ajax跨域访问** 在Web开发中，由于同源策略的限制，JavaScript通常只能对同一域名下的资源进行操作。然而，有时我们需要从不同源获取数据，这就是跨域访问的需求。jQuery通过Ajax提供了跨域请求的能力...

    ajax跨域请求jsonp前后台代码

    基于ajax方式的跨域请求jsonp的前后台代码

    jQuery.ajax 跨域请求webapi设置headers的解决方案

    在进行Web开发时，我们经常会遇到跨域问题，特别是在使用jQuery的`$.ajax`进行Ajax请求时，如果请求的目标不在同一个源下，浏览器会因为同源策略限制而阻止请求。然而，有时候我们需要在跨域请求中传递一些自定义的...

    ajax处理跨域请求

    这里将详细讲解如何通过jQuery的AJAX实现跨域请求。 首先，了解什么是CORS（Cross-Origin Resource Sharing，跨源资源共享）。CORS是一种机制，它使用额外的HTTP头来告诉浏览器允许一个域上的网页访问另一个域上的...

    jsonpajax跨域请求

    JSONP（JSON with Padding）和AJAX是两种常见的在JavaScript中实现跨域数据请求的技术。在Web开发中，由于浏览器的同源策略限制，JavaScript不能直接向其他域名发送请求，但JSONP和AJAX通过特定的方式绕过了这个限制...

    jQuery使用ajax跨域获取数据

    jQuery使用ajax跨域获取数据

    jquery ajax跨域html前台 php后台

    1. **jQuery的Ajax设置**：在使用Ajax进行跨域请求时，我们需要在`$.ajax()`方法中设置`dataType: 'jsonp'`。这告诉jQuery我们期望服务器返回JSON格式的数据，并通过JSONP机制来处理。 2. **JSONP原理**：JSONP的...

    怎样实现Ajax 跨域访问

    JSONP是一种常用的跨域数据获取方式，其原理是利用`&lt;script&gt;`标签没有跨域限制的特点来实现跨域请求。请求时，在URL中添加一个回调函数名作为参数，服务器收到请求后返回一个函数调用，其中包含所需的数据。 **案例...

    ajax跨域实例

    在本文中，我们将讨论两个 Ajax 跨域实例，分别使用 JSONP 和 jQuery 来实现跨域操作。 知识点一：JSONP 跨域 JSONP（JSON with Padding）是一种用于跨域操作的技术，它可以突破浏览器的同源策略限制。JSONP 的...

    jQuery Ajax实现跨域请求

    在Web开发中，由于同源策略的限制，JavaScript通常无法直接发起对...开发者需要理解JSONP的工作原理，以及如何在jQuery中配置Ajax请求以利用JSONP来跨域通信。同时，服务器端也需要配合，正确地生成JSONP格式的响应。

Magicbox
Global site tag (gtag.js) - Google Analytics