<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#b01").click(function(){//单击按钮b01的时候触发这个事件
htmlobj=$.ajax({url:"/jquery/test1.txt",async:false}) //定义一个对象,从后台获取test1.txt文件内容
$("#myDiv").html(htmlobj.responseText) //将上面定义的对象中的内容给页面赋值
})
})
</script>
</head>
<body>
<div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
<button id="b01" type="button">改变内容</button>
</body>
</html>
语法:jQuery.ajax([settings])
上面的例子没有传参给后台,而是从后台获取,下面的是一个jquery jaxa的向后台传递的例子:
JQUERY:
$.ajax({
type:'post',//可选get
url:'action.php',//这里是接收数据的PHP程序
data:'data='dsa'',//传给PHP的数据,多个参数用&连接
dataType:'text',//服务器返回的数据类型 可选XML ,Json jsonp script html text等
success:function(msg){
//这里是ajax提交成功后,PHP程序返回的数据处理函数。msg是返回的数据,数据类型在dataType参数里定义!
},
error:function(){
ajax提交失败的处理函数!
}
})
var html = $("#id").val()//id是你获取的HTML代码$.ajax({
url : "路径",
type : 'post',
dataType : 'json',
data{'html':html},//这里是你传到后台的html
success:function(data){
}
})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)