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 相关文章推荐
JS实现淡蓝色简洁竖向Tab点击切换效果
Oct 06 Javascript
理解javascript中的严格模式
Feb 01 Javascript
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
Apr 07 Javascript
webpack入门+react环境配置
Feb 08 Javascript
jQuery实现多张图片上传预览(不经过后端处理)
Apr 29 jQuery
JavaScript基于activexobject连接远程数据库SQL Server 2014的方法
Jul 12 Javascript
移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)
Aug 29 Javascript
elementui的默认样式修改方法
Feb 23 Javascript
vue基础之事件v-onclick=&quot;函数&quot;用法示例
Mar 11 Javascript
使用JavaScript计算前一天和后一天的思路详解
Dec 20 Javascript
基于Vue中的父子传值问题解决
Jul 27 Javascript
微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
Dec 29 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中global和$GLOBALS[]的分析之一
2012/02/02 PHP
详解PHP对象的串行化与反串行化
2016/01/24 PHP
Zend Framework教程之配置文件application.ini解析
2016/03/10 PHP
wordpress网站转移到本地运行测试的方法
2017/03/15 PHP
php实现推荐功能的简单实例
2019/09/29 PHP
JS学习之一个简易的日历控件
2010/03/24 Javascript
jQuery 拖动层(在可视区域范围内)
2012/05/24 Javascript
JS随即打乱数组实现代码
2012/12/03 Javascript
改变状态栏文字的js代码
2014/06/13 Javascript
js实现文字跟随鼠标移动而移动的方法
2015/02/28 Javascript
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
2016/10/21 Javascript
Nodejs之http的表单提交
2017/07/07 NodeJs
vue项目中使用axios上传图片等文件操作
2017/11/02 Javascript
集成vue到jquery/bootstrap项目的方法
2018/02/10 jQuery
vue项目中在外部js文件中直接调用vue实例的方法比如说this
2019/04/28 Javascript
解决ele ui 表格表头太长问题的实现
2019/11/13 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
2020/10/30 Javascript
vue3.0中setup使用(两种用法)
2020/12/02 Vue.js
Python内置函数bin() oct()等实现进制转换
2012/12/30 Python
Python深入学习之特殊方法与多范式
2014/08/31 Python
python正则表达式中的括号匹配问题
2014/12/14 Python
python实现爬取千万淘宝商品的方法
2015/06/30 Python
利用Python中SocketServer 实现客户端与服务器间非阻塞通信
2016/12/15 Python
Python3中关于cookie的创建与保存
2018/10/21 Python
python3.6数独问题的解决
2019/01/21 Python
Python使用文件操作实现一个XX信息管理系统的示例
2020/07/02 Python
HTML5 placeholder(空白提示)属性介绍
2013/08/07 HTML / CSS
聪明的粉丝购买门票的地方:TickPick
2018/03/09 全球购物
经典c++面试题四
2015/05/14 面试题
优秀体育委员自荐书
2014/01/31 职场文书
最新优秀教师个人先进事迹材料
2014/05/06 职场文书
2015年法制宣传月活动总结
2015/03/26 职场文书
React列表栏及购物车组件使用详解
2021/06/28 Javascript
SpringRetry重试框架的具体使用
2021/07/25 Java/Android
Tomcat starup.bat 脚本实现开机自启动
2022/04/20 Servers
Java设计模式中的命令模式
2022/04/28 Java/Android