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跨域问题以及解决方案

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

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

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

ajax跨域

出于安全方面的考虑,Web浏览器中JavaScript无法访问其他服务器上的资源,这个限制仅在Web浏览器中有效。而跨域就是通过某些手段来绕过这个限制,实现不同服务器之间通信的效果。ajax跨域可以通...
  • accountwcx
  • accountwcx
  • 2015年08月18日 17:12
  • 1309

怎样实现Ajax 跨域访问

  • 2009年09月21日 10:59
  • 9KB
  • 下载

ajax跨域请求的三种方式(js+java)

1 : 采用jsonp (只支持get请求,后端返回的jsonp格式json,后端无需做请求放行操作) /* $.ajax({   type: "GET", // 此处只能是get请...
  • u010039979
  • u010039979
  • 2016年11月28日 15:11
  • 3761

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

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

ajax跨域操作

跨域操作: 给数据方:     callback123({'title':12345}); 取数据方:     setTimeout(function(){     $.ajax({   ...
  • u014227715
  • u014227715
  • 2016年05月27日 09:23
  • 97

ajax开发中的跨域

一、问题描述: 在某域名下使用Ajax向另一个域名下的页面请求数据,会遇到跨域问题。“已拦截跨源请求:同源策略禁止读取位于 xxxx 的远程资源。(原因:CORS 头缺少 'Access-Contr...
  • foolish0421
  • foolish0421
  • 2017年01月12日 19:48
  • 212

ajax跨域请求接口介绍及解决方案

在前端开发过程中,将常出现前端代码和后台服务不在一个服务器的情况,这时候前端js代码调用后台接口,会出现跨域问题。: 1、这里的域是通过URL的头部来识别的。浏览器并不会去尝试判断相同的ip地址对应着...
  • kejmln
  • kejmln
  • 2016年05月09日 09:33
  • 12025

ajax POST跨域请求完美解决

方式: js前端请求: function getOcrInfo(imageData){ $.ajax({    url: 'http://localhost:8080/LSWS/ws/ocr/...
  • danfeixia
  • danfeixia
  • 2017年05月11日 00:32
  • 7102
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery Ajax 简单的实现跨域请求
举报原因:
原因补充:

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