Question

我有一张表格

<script type="text/javascript" src="result.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<form name="form" method="POST" id="form">
    <input type="text" value="" id="htno" name="htno" Maxlength="12" style="width:165px;" class="bodytext"></input>
    <input type="button" value="Submit">
</form>
<div id="result" class="result"></div>

result.js文件是

$("#form").submit(function (event) {
    event.preventDefault();
    $("#result").html('');
    var values = $(this).serialize();
    $.ajax({
        url: "url",
        type: "post",
        data: "htno=" + htno + "&code=2132",
        success: function () {
            alert("success");
            $("#result").html('submitted successfully');
        },
        error: function () {
            alert("failure");
            $("#result").html('there is error while submit');
        }
    });
});

htno是用户通过表单输入的值

要发布的数据是htno＆amp;代码

我无法使用此输出，请你告诉我错误。。。

Answer 1

您应该知道在提交输入类型时提交表单。在您的代码中更改要提交的按钮类型。

只需更改部分

<input type="button"  value="Submit" >

到

 <input type="submit"  value="Submit" >

并在你的result.js中删除此行

event.preventDefault();

因为此行会阻止您的表单无任何理由提交。

Answer 2

尝试更改

 $("#form").submit(function(event) {
 event.preventDefault();

通过

$(document).on('submit','#form',function(e) {
e.preventDefault();

alto，尝试提醒数据

Answer 3

您尝试连接的页面使用临时令牌。你不能做你想要的。你不被允许这样做。向网站所有者询问API访问方式，他可以为您提供优惠价格...... { this topic should be closed! }

使用Ajax和jquery表单Post数据

3 个答案: