一、参考代码如下:
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script src="jquery-2.1.1.min.js"></script>
<!--记得导jquery-->
<script>
$.ajax({
type:'get',
url:"demo.html",//这里是url
success:function(body,heads,status){
console.log(body) //body就是内容了,也就是url网页中的内容
}
})
</script>
</body>
</html>
重点代码说明:
$.ajax({type:"POST",//请求方式为post
url:"order.class.php?type=add",//请求的地址
data:dataFormid,//参数
success: function(mag){
//success指的是请求并成功返回信息
//msg是返回的内容
alert(mag)
}
})
举例
//假如后台返回的是一个JSON格式的字符串,如"{code:0,msg:\"执行成功!\"}"
success: function(data){
var json=evel("("+data+")")
alter(json.msg)//会弹出执行成功的消息框
}
1、新建html文档,在body标签中添加一个按钮,然后在head标签中引入jQuery文件:
2、使用jQuery给按钮添加点击事件,然后使用ajax发送请求并将获取到的结果进行输出:
3、用浏览器打开代码,点击浏览器上的按钮,这时html页面中的内容就被输出到了控制台中: