使用jQuery和/或AJAX發布HTML表單

Question

我/已經完全困惑了幾天，無法將我的表格提交到服務器。 我嘗試了互聯網提供的所有指南，教程，示例和論壇建議，但仍然無濟於事。

我們可以將此表單發布到可變數量的不同服務器上，這可以通過使用“ id”作為變量的選擇/選項下拉列表來完成。 我們使用一個按鈕來提交表單並接收一個XML響應，我們需要以XML格式查看它。 必須將此XML響應定向為在不同框架集中的iframe中顯示。 下面是代碼的小竅門。

<script type="text/JavaScript" src="jQuery-1.12.4.js">
    $("#Form51").submit(function (e) {
        var url = "https://website.com:1234"; 

        $.ajax({
            type: "POST",
            url: url,
            data: $("#Form51"), 
            success: function (data) {
                alert(data); 
            }
        });

    });

</script>
</head>
<body> 

<form method="POST" name="form51" target="formresponse" id="form51">

<button>Submit</button>


....data
..data
data
</form>
</body>

如果有人能幫助解決我的問題，謝謝您：/

Answer 1

如果要將數據提交到數量可變的服務器（每個服務器使用不同的URL），則跨域引用共享（ CORS ）可能會遇到問題。 您可能需要對Web服務器進行一些更改，以向瀏覽器表明這些其他域是有效且受信任的，然后它們才能提交給其他域並顯示來自其他域的響應。

您將需要調整Web服務器以插入一些其他HTTP標頭。 例如：

Access-Control-Allow-Origin: http://foo.com
Access-Control-Allow-Methods: PUT, DELETE

在apache上，這可以通過添加到以下配置文件之一來完成：

Header set Access-Control-Allow-Origin "http://foo.com"

Answer 2

我相信表單正在嘗試提交而不在您的js中運行代碼。 它默認為Submit操作，這不是您想要的。 嘗試在事件處理程序之后立即添加e.preventDefault（）：

<script type="text/JavaScript" src="jQuery-1.12.4.js">
$("#Form51").submit(function (e) {
    e.preventDefault(); //<-----------------------------------try this here
    var url = "https://website.com:1234"; 

    $.ajax({
        type: "POST",
        url: url,
        data: $("#Form51"), 
        success: function (data) {
            alert(data); 
        }
    });

});

</script>
</head>
<body> 

<form method="POST" name="form51" target="formresponse" id="form51">

<button>Submit</button>


....data
...data
data
</form>
</body>

使用jQuery和/或AJAX發布HTML表單

問題描述

2 個解決方案

解決方案1
0 2016-06-14 15:23:37

解決方案2
0 已采納 2016-06-15 13:13:03

使用jQuery和/或AJAX發布HTML表單

問題描述

2 個解決方案

解決方案1 0 2016-06-14 15:23:37

解決方案2 0 已采納 2016-06-15 13:13:03

解決方案1
0 2016-06-14 15:23:37

解決方案2
0 已采納 2016-06-15 13:13:03