jQuery Ajax 简单的实现跨域请求

原创 2014年01月23日 16:04:42

html 代码清单:

<script type="text/javascript" src="http://www.youxiaju.com/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
$.ajax(
    {
        type:'get',
        url : 'http://www.youxiaju.com/validate.php?loginuser=lee&loginpass=123456',
        dataType : 'jsonp',
        jsonp:"jsoncallback",
        success  : function(data) {
            alert("用户名:"+ data.user +" 密码:"+ data.pass);
        },
        error : function() {
            alert('fail');
        }
    }
);
})
</script>

服务端 validate.php 代码清单:

<?php
header('Content-Type:text/html;Charset=utf-8');
$arr = array(
	"user" => $_GET['loginuser'],
	"pass" => $_GET['loginpass'],
	"name" => 'response'

);
echo $_GET['jsoncallback'] . "(".json_encode($arr).")";

效果图:


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

两种关于ajax跨域请求解决方案

一、使用jsonp实现跨域请求 在前端开发这中你会发现,所有带src属性的标签都可以跨域访问其他服务器文件。jsonp实现的原理也是如此。 以jsonp的数据类型进行请求时,JQ会动态在页面中添加sc...

ajax跨域请求数据的解决方案

ajax跨域请求数据常用的两种方式 首先得明白,为什么会存在跨域请求数据的问题。在实际大的项目开发中,数据并不全是来源于本机的服务器,很多时候要进行跨域请求数据。而js的同源策略是不允许跨域请求数...

完美解决ajax跨域请求的问题

在html页面的第一种写法     $.ajax({         type: 'post',         url: 'http://www.whjtwaap.com/ashx/tes...

ajax跨域问题以及解决方案

在工作中,大家应该都遇到过ajax跨域问题,浏览器的错误如下: XMLHttpRequest cannot load http://目标地址 No 'Access-Control-Allow-Orig...
  • csdn_ds
  • csdn_ds
  • 2017年06月24日 14:14
  • 1188

AJAX(XMLHttpRequest)进行跨域请求方法详解(一)

注意:以下代码请在Firefox 3.5、Chrome 3.0、Safari 4之后的版本中进行测试。IE8的实现方法与其他浏览不同。跨域请求,顾名思义,就是一个站点中的资源去访问另外一个不同域名站点...

AJAX实现跨域的三种方法

由于在工作中需要使用AJAX请求其他域名下的请求,但是会出现拒绝访问的情况,这是因为基于安全的考虑,AJAX只能访问本地的资源,而不能跨域访问。 比如说你的网站域名是aaa.com,想要通过AJAX...

Ajax 跨域问题解决最好方案

本文通过设置Access-Control-Allow-Origin来实现跨域。 例如:客户端的域名是client.w3cschool.cc,而请求的域名是server.w3cschool.cc。 如果...

解决ajax跨域的方法原理详解

1、神马是跨域(Cross Domain) 对于端口和协议的不同,只能通过后台来解决。 一句话:同一个ip、同一个网络协议、同一个端口,三者都满足就是同一个域,否则就是...

Ajax跨域、Json跨域、Socket跨域和Canvas跨域等同源策略限制的解决方法

同源是指相同的协议、域名、端口,三者都相同才属于同域。不符合上述定义的请求,则称为跨域。 相信每个开发人员都曾遇到过跨域请求的情况,虽然情况不一样,但问题的本质都可以归为浏览器出于安全考虑下的同源策略...

解决AJAX跨域问题

从AJAX诞生那天起,XMLHttprequest对象不能跨域请求的问题就一直存在。这似乎是一个很经典的问题了。是由于javascript的同源策略(这里不作深入探讨)所导致。解决的办法,大概有如下几...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery Ajax 简单的实现跨域请求
举报原因:
原因补充:

(最多只允许输入30个字)