html json解析插件,jQuery form插件的使用之处理server返回的JSON， XML，HTML数据

废话不多说了，直接给大家贴代码了，具体代码如下所示：

jQuery form插件的使用--处理server返回的JSON， XML，HTML数据

// json

$(document).ready(function() {

$('#myForm').ajaxForm({

// 声明 服务器返回数据的类型.

dataType: 'json',

success: processJson

});

});

function processJson(data) {

// 'data'是一个json对象，从服务器返回的.

$('#jsonOut').html(data.name + " "+data.address + " "+data.comment);

}

// xml

$(document).ready(function() {

$('#xmlForm').ajaxForm({

// 声明 服务器返回数据的类型.

dataType: 'xml',

success: processXml

});

});

function processXml(responseXML) {

// 'responseXML' 是一个XML的文档 ，从服务器返回的.

var name = $('name', responseXML).text();

var address = $('address', responseXML).text();

var comment = $('comment', responseXML).text();

$('#xmlOut').html(name + " "+address + " "+comment);

}

// html

$(document).ready(function() {

$('#htmlForm').ajaxForm({

// 用服务器返回的数据 更新 id为 htmlcssrain 的内容.

target: '#htmlOut',

success: function() {

$('#htmlOut').fadeIn('slow');

}

});

});

Demo 8 : jQuery form插件的使用--处理server返回的JSON， XML，HTML数据

json方式返回

名称：

地址：

自我介绍：

xml方式返回

名称：

地址：

自我介绍：

html方式返回

名称：

地址：

自我介绍：

新建json.jsp文件：

request.setCharacterEncoding("UTF-8");//防止乱码!

String name = request.getParameter("name");

String address = request.getParameter("address");

String comment = request.getParameter("comment");

System.out.println(name + " - " +address + " - " +comment);

out.println( "{ name : '" +name+ "' , address : '"+address+ "' ,comment : '"+comment+ "' }" );

%>

新建xml.jsp文件：

request.setCharacterEncoding("UTF-8");//防止乱码!

String name = request.getParameter("xmlname");

String address = request.getParameter("xmladdress");

String comment = request.getParameter("xmlcomment");

System.out.println(name + " - " +address + " - " +comment);

response.setContentType("text/xml");//注意，由于你是以xml形式传递过来的，所以这里必须写。

out.print("<?xml version=\"1.0\" encoding=\"UTF-8\"?>");

out.print("");

out.print(""+name+"");

out.print("

"+address+"

");

out.print(""+comment+"");

out.print("");

%>

新建一个html.jsp文件：

request.setCharacterEncoding("UTF-8");//防止乱码!

String name = request.getParameter("htmlname");

String address = request.getParameter("htmladdress");

String comment = request.getParameter("htmlcomment");

System.out.println(name + " - " +address + " - " +comment);

out.println( "

"+name+" "+address+" "+comment+"

" );

%>

以上所述是小编给大家分享的jQuery form插件的使用之处理server返回的JSON， XML，HTML数据，希望对大家有所帮助。