javascript - 使用 Javascript 从 html FORM 发送发布数据?

标签 javascript html forms post

我正在尝试使用空操作从中发送发布数据,并使用 javascript 将信息发送到必须处理发布信息的文件。

这是我的代码:

<HTML>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
            <script>    
    function post_to_url(path, params, method) {
        method = method || "post";

        var form = document.createElement("form");

        form._submit_function_ = form.submit;

        form.setAttribute("method", method);
        form.setAttribute("action", path);

        for(var key in params) {
            var hiddenField = document.createElement("input");
            hiddenField.setAttribute("type", "hidden");
            hiddenField.setAttribute("name", key);
            hiddenField.setAttribute("value", params[key]);

            form.appendChild(hiddenField);
        }

        document.body.appendChild(form);
        form._submit_function_();
    }
    post_to_url("./postinfo.php", { submit: "submit" } );
        </script>   
<form method="post" onsubmit="return post_to_url()">
<input type="text" name="ime">
<input type="submit" id="submit" name="submit" value="Send">
</form>

那么我如何在我的 html 表单中使用 javascript 将发布数据发送到 postinfo.php 并执行空操作?

提前致谢!

最佳答案

你很幸运,因为有一个名为“Ajax”的 JQuery 函数可以为你处理这个问题!

您需要做的就是调用 JQuery,并使用如下代码:

$('#form_id').on('submit', function(e){
    e.preventDefault();
    $.ajax({
       type: "POST",
       url: "/postinfo.php",
       data: $(this).serialize(),
       success: function() {
         alert('success');
       }
    });
});

关于javascript - 使用 Javascript 从 html FORM 发送发布数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19476532/

相关文章:

javascript - $ ('' ) 选择器在 ajax 调用后不起作用

html - 如何将文本放在菜单中的 img 图标下?

html - CSS像素字体大小的一致性

mysql - 有没有一种简单的方法可以在带有 MySQL 后端的 Access 中按表单查询?

java - 使用 Javascript 在提交时更改字段的值

javascript - 向 jquery 小部件添加回调

javascript - jQuery 滑动表头

html - 在没有 !important 的情况下更改默认值

javascript - jQuery 验证 - 使用自定义单选按钮(打开/关闭)

javascript - .play() 在 Safari 中不起作用