jquery ajax怎么传带有html格式的数据

jquery ajax怎么传带有html格式的数据,第1张

言归正传,jquery ajax和js中用ajax提交html代码内容的方法是差不多,举个例子:

<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){

}

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7092019.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存