Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/design-patterns/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ajax 如何在jquery中停止表单操作url_Ajax - Fatal编程技术网

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

Ajax 如何在jquery中停止表单操作url,ajax,Ajax,如何使用jquery停止jsp的表单操作url并调用ajax方法的url。该表单位于css代码的popupwindow中。如何将jsonarray对象的列表值获取到ajax响应我不太明白您想要做什么。 如果您想停止表单提交并改用AJAX,您可以: $("#your-form-id").submit(function(event) { /* stop form from submitting normally */ event.prevent

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

我不太明白您想要做什么。 如果您想停止表单提交并改用
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
,您可以使用类似的内容来阅读(在本例中,我创建了一个带有
  • 标记的列表):

    $('body')。追加('ul>');
    $.each(结果、函数(索引、元素){
    $('body')。追加($('
  • '){ 文本:element.fiel1+“”element.field2 })); }); $('body')。追加('
');
我希望这对你有所帮助:)

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