如何使用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;
}
由于
答案 0 :(得分:2)
您正在序列化所有成功的表单控件,但您的表单没有任何可以成功的控件。他们需要name
属性。
这假设你已经在某处定义了$form
,你没有在你共享的代码中,如果你没有,那么你需要先这样做。
答案 1 :(得分:-1)
您可以解决它在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;
}