jQuery Ajax实现跨域请求


Posted in Javascript onJanuary 21, 2017

本文实例为大家分享了jQuery Ajax跨域请求的具体代码,供大家参考,具体内容如下

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).")";

效果图:

jQuery Ajax实现跨域请求

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 基础篇2 数据类型,语句,函数
Mar 14 Javascript
js去除空格的12种实用方法
Nov 08 Javascript
javascript中键盘事件用法实例分析
Jan 30 Javascript
jquery+php实现滚动的数字特效
Nov 29 Javascript
JS中生成随机数的用法及相关函数
Jan 09 Javascript
限制只能输入数字的实现代码
May 16 Javascript
AngularJS双向绑定和依赖反转实例详解
Apr 15 Javascript
利用require.js与angular搭建spa应用的方法实例
Jul 19 Javascript
详解通过源码解析Node.js中cluster模块的主要功能实现
May 16 Javascript
JS计算斐波拉切代码实例
Sep 12 Javascript
vue项目中使用rem,在入口文件添加内容操作
Nov 11 Javascript
微信小程序实现加入购物车滑动轨迹
Nov 18 Javascript
three.js快速入门【推荐】
Jan 21 #Javascript
详解Angualr 组件间通信
Jan 21 #Javascript
js的三种继承方式详解
Jan 21 #Javascript
微信小程序 天气预报开发实例代码源码
Jan 20 #Javascript
微信小程序 自定义对话框实例详解
Jan 20 #Javascript
Vue实例简单方法介绍
Jan 20 #Javascript
微信小程序 Toast自定义实例详解
Jan 20 #Javascript
You might like
PHP与MySQL开发的8个技巧小结
2010/12/17 PHP
php 注册时输入信息验证器的实现详解
2013/07/05 PHP
php实现mysql事务处理的方法
2014/12/25 PHP
smarty自定义函数htmlcheckboxes用法实例
2015/01/22 PHP
php获取给定日期相差天数的方法分析
2017/02/20 PHP
PHP生成腾讯云COS接口需要的请求签名
2018/05/20 PHP
PHP使用PhpSpreadsheet操作Excel实例详解
2020/03/26 PHP
JavaScript CSS修改学习第一章 查找位置
2010/02/19 Javascript
根据json字符串生成Html的一种方式
2013/01/09 Javascript
详解addEventListener的三个参数之useCapture
2015/03/16 Javascript
javascript原生ajax写法分享
2016/04/10 Javascript
jquery 动态合并单元格的实现方法
2016/08/26 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
2016/12/08 Javascript
Angular之指令Directive用法详解
2017/03/01 Javascript
js鼠标经过tab选项卡时实现切换延迟
2017/03/24 Javascript
vue集成百度UEditor富文本编辑器使用教程
2018/09/21 Javascript
vue-cli 构建骨架屏的方法示例
2018/11/08 Javascript
基于Vue实现图片在指定区域内移动的思路详解
2018/11/11 Javascript
微信小程序登陆注册功能的实现代码
2019/12/10 Javascript
webpack DllPlugin xxx is not defined解决办法
2019/12/13 Javascript
Express 配置HTML页面访问的实现
2020/11/01 Javascript
[01:16]DOTA2小知识课堂 Ep.03 芒果树无伤肉山
2019/12/05 DOTA
Tensorflow实现酸奶销量预测分析
2019/07/19 Python
python 实现朴素贝叶斯算法的示例
2020/09/30 Python
python import 上级目录的导入
2020/11/03 Python
收集的7个CSS3代码生成工具
2010/04/17 HTML / CSS
HTML5 FileReader对象的具体使用方法
2020/05/22 HTML / CSS
阿里巴巴Oracle DBA笔试题答案-备份恢复类
2013/11/20 面试题
高三语文教学反思
2014/01/15 职场文书
网络营销策划方案
2014/06/04 职场文书
2014年园林绿化工作总结
2014/12/11 职场文书
医院党建工作总结2015
2015/05/26 职场文书
运动会100米加油稿
2015/07/21 职场文书
Html5调用企业微信的实现
2021/04/16 HTML / CSS
Java org.w3c.dom.Document 类方法引用报错
2021/08/07 Java/Android
【海涛解说】暗牧也疯狂,牛蛙成配角
2022/04/01 DOTA