javascript - 我如何使用ajax发布表单数据

标签 javascript html ajax web-services

我如何使用 ajax 将用户输入的值发布到我的网络服务 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;
    }

谢谢

最佳答案

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

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

关于javascript - 我如何使用ajax发布表单数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31804682/

相关文章:

javascript - 为什么这不起作用?我认为这是一个转换问题

html - 文本未与@media 屏幕中心对齐并且(最小宽度 :992px) and (max-width:1199px)

javascript - 无法在 laravel 中使用模态和 ajax 插入表

javascript - Jquery onDrop之后,如何Ajax GET并将PartialView的ActionResult附加到Div

javascript - 使用 jQuery 在 div 内等间隔 3 个 div 以制作 4 个相等的部分

javascript - Chart.js 更改图表上每个数据点的标签

javascript - 为什么这个请求取消在 axios 中不起作用?

javascript - 如何从异步调用返回响应?

html - CSS 未在所有浏览器中更新

javascript - Ajax 在新页面返回数据