Question

如何使用ajax将值从用户输入发布到我的Web服务api？
似乎我无法在ajax url上附加值。

以下是我的代码......

 <form action="javascript:Start()">
      <input type="text" id="target" value="tar"/>
      <input type="text" id="profile" value="pro"/>
      <input type="submit" value="Submit">
 </form>

  function Start()
    {
        var target = $('#target').val();
        var profile = $('#profile').val();

        if(validateIdata())
        {
            $.ajax({    
              type: 'POST',
              url: "webapi/"+ target + "/" + profile,
              data: $form.serialize(),
              success: function(){
                alert('success');
              }
            });
        }
        return false;
    }

由于

Answer 1

您正在序列化所有成功的表单控件，但您的表单没有任何可以成功的控件。他们需要name属性。

这假设你已经在某处定义了$form，你没有在你共享的代码中，如果你没有，那么你需要先这样做。

Answer 2

您可以解决它在URL而不是数据字段上传递数据。试试这个。

HTML。（将id添加到表单中，以便以后访问其数据）

<form id="form" action="javascript:Start()">
      <input type="text" id="target" value="tar"/>
      <input type="text" id="profile" value="pro"/>
      <input type="submit" value="Submit">
</form>

的Javascript。

function Start()
    {
        var target = $('#target').val();
        var profile = $('#profile').val();

        if(validateIdata())
        {
            $.ajax({    
              type: 'POST',
              url: "webapi/"+ target + "/" + profile?+$('#form').serialize(),
              success: function(){
                alert('success');
              }
            });
        }
        return false;
    }

如何使用ajax发布表单数据

2 个答案: