jquery 表单form异步提交 返回json xml html

[javascript]代码库

// 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');
        }
    });
});