如何在jquery中停止表单操作url

时间:2015-10-20 09:34:02

标签: ajax

如何使用jquery停止jsp的表单操作url并调用ajax方法的url。该表单位于css代码的popupwindow中。如何将jsonarray对象的列表值提取到ajax响应

1 个答案:

答案 0 :(得分:0)

我不明白你想做什么。 如果您想停止表单提交并改为使用AJAX,您可以:

    $("#your-form-id").submit(function(event) {
            /* stop form from submitting normally */
            event.preventDefault();

            /* JSON object */
            var data = { "field1" : $('#your-form-field1').val(), "field2" : $('#your-form-field2').val() };
            $.ajax({
                url: 'yourpage.php',
                type: 'POST',
                data: data,
                dataType: 'JSON', /* result data-type */
                success: function(result){
                 // code if succeeded
                }
                error: function(jqXHR, textStatus, errorThrown) 
                {
                 // code if failed      
                }
            });             
    });

然后你会得到JSON,你可以用这样的东西阅读(在这个例子中我创建了一个包含<ul>&amp; <li> HTML个标签的列表):

    $('body').append('<ul>');
    $.each(result, function(index, element) {
        $('body').append($('<li>', {
            text: element.fiel1 + " " element.field2
        }));
    });
    $('body').append('</ul>');

我希望这对你有所帮助:)。