<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery.js"></script> <script> $(function(){ $('#btnok').bind('click',function(){ //发送ajax请求 $.ajax({ type:'get', url:'ajax1.php', cache:false, success:function(msg){ alert(msg); } }); }); }); </script> </head> <body> <input type="button" id="btnok" value="OK" /> </body> </html>
php的示例代码如下：
<?php echo "hello jQ";
jQuery中的Ajax
1、jQuery中的Ajax分类
① Ajax的底层实现 ② Ajax的高级实现
2、Ajax的底层实现
jQuery.ajax(options)或$.ajax(options)
参数说明：
options：要求参数是一个json对象，内容如下：
async ：是否异步，默认为true
cache ：是否缓存，默认为true
complete ：当Ajax状态码为4时，所触发的回调函数
contentType ：设置请求头
data ：发送Ajax请求时，所传递的参数，要求是一个字符串
dataType ：期待的返回值类型，text,xml,json,jsonp，默认为text
success ：当Ajax状态码为4且响应状态码为200时，所触发的回调函数
type ：模拟http请求中的get或post方法
url ：请求的url地址