Jquery发布了多个参数

Question

我是HTML和jQuery（以及AJAX）的新手。

我使用此代码发布1个对象，但我想发布多个对象（当我点击按钮＆＃34;提交＆＃34;（id = analsis）时，它需要xyz对象id的内容并发布它到127.0.0.1:5002）。

$(function() {
  $('#analysis').bind('click', function() {
    $.post('http://127.0.0.1:5002/', {
      contract: $('textarea[name="text"]').val()
    }, function(data) {
      var parsed = JSON.parse(data)
      $("#xyz").text(parsed['abc']);
    });
    return false;
  });
});

我的表单看起来像这样（并且还有6个下拉菜单）：

所以我想将所有这些内容发布到http://127.0.0.1:5002/。

Answer 1

实际上你的代码并没有完全按照你的描述进行操作：它不是发布xyz的值，而是查找名称为“text”的textarea并将其值发布到服务器。服务器结果被解析为json，其中一个结果属性（“abc”）被分配给“xyz”（表单）元素。

对于在第二个post参数中向对象添加属性的多个值，您可以执行相同的操作：

$(function() { 
    $('#analysis').bind('click', function() { 
        $.post(
            'http://127.0.0.1:5002/',
            { 
                'contract': $('textarea[name="text"]').val(),
                'slider1':  $('#slider1').val(),
                'slider2':  $('#slider2').val(),
                'slider3':  $('#slider3').val(),
                'slider4':  $('#slider4').val(),
                'dropdown1':  $('#dropdown1').val(),
                'dropdown2':  $('#dropdown2').val(),
                'dropdown3':  $('#dropdown3').val(),
                'dropdown4':  $('#dropdown4').val(),
                'dropdown5':  $('#dropdown5').val(),
                'dropdown6':  $('#dropdown6').val(),

            },
            function(data) { 
                var parsed = JSON.parse(data);                  
                $("#xyz").text(parsed['abc']); 
            }); 
         return false; 
     }); 
 });