AJax技术

jQuery Ajax 简单的实现跨域请求

字号+ 作者:H5之家 来源:H5之家 2016-06-28 15:00 我要评论( )

jquery加载页面的方法(页面加载完成就执行),建议大家看下windows.onload与$(document).ready之间的区别。...

html 代码清单:

<script type="text/javascript" src=""></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).")";
效果图:


 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • AJAX编程实践

    AJAX编程实践

    2016-06-28 16:05

  • easyui使用Ajax提交表单,返回Json数据

    easyui使用Ajax提交表单,返回Json数据

    2016-06-20 14:00

  • Ajax基础教程下载

    Ajax基础教程下载

    2016-06-15 13:02

  • 完全了解AJAX

    完全了解AJAX

    2016-06-14 18:00

网友点评