ajax怎样将前台的html代码传到后台

html-css030

ajax怎样将前台的html代码传到后台,第1张

var html = $("#id").val()//id是你获取的HTML代码

$.ajax({

url : "路径",

type : 'post',

dataType : 'json',

data{'html':html},//这里是你传到后台的html

success:function(data){

}

})

1、后台程序生成json数据,不用拼接直接返回

2、ajax接收数据后,调用js解析json数据,可以利用jquery.parseJSON()方法解析

3、解析之后得到obj对象,然后可以直接obj.name这样获取对象属性

4、用html代码拼接

示例:

var obj = jQuery.parseJSON('{"name":"John","age":"20"}')

比如拼接为表格的tr

html = "<tr><td>" + obj.name + "</td><td>" + obj.age + "</td></tr>"

如果是个别的事件,就在他们的标签里直接给他们一个事件

例如 <a onclick='fun()'></a>

如果是一个连续的时间

$('body').on('click','.num',function(){

}

$('body').on(' ',' ',function(){})是固定的

click是click事件 .num是带有class='num'的元素

这段是jquery代码,记得引入jquery就好使了