0

我在 Mozilla 和 IE 中可以正常工作,但由于某种原因不是 chrome。在 chrome 中,每次返回错误代码为零时都会执行错误回调。Stackoverflow 上的许多文章不断重申所有主流浏览器如何通过 AJAX 而不是表单来支持“PUT”方法。Chrome似乎是个例外......

JavaScript

     function works(){alert("working");} // just a success callback

    $(document).ready(function(){

    $("#crudForm").submit(function(){
        $.ajax({url:"/UtilityDashboard/MeasurementNodes",
            data:parseFormData("crudForm"),
            cache: "false",
            async: "false",
            dataType: "text",
            contentType: "application/x-www-form-urlencoded",
            type:"put",
            success: works(),
            error:function(xhr){alert(xhr.status + xhr.statusText);} });
    });      

    });

HTML

    <form id="crudForm">
       Name<BR/>
       <input type="text" name="name"/><BR/><BR/>
       Node Id<BR/>
       <input type="text" name="node_id"/><BR/><BR/>
       Type<BR/> 
       <input type="text" name="type"/><BR/><BR/>
       Parent<BR/> 
       <input type="text" name="parent_id"/><BR/><BR/>
       Longitude<BR/> 
       <input type="text" name="longitude"/><BR/><BR/>
       Latitude<BR/>
       <input type="text" name="latitude"/><BR/><BR/>           
       Description<BR/>          
       <textarea name="description" rows="5" cols="40">Insert description of measurement node here</textarea><BR/><BR/>           
       <input type="submit" value="Add Node"/>

    </form>
4

1 回答 1

0

所以EugeneOhgodWhy是正确的。Chrome 确实支持 XMLHTTPRequest 对象中的“put”方法!

解决方案

当我停止使用“提交”事件来传输我的表单数据时,我遇到的问题就消失了,而是依赖于“点击”事件。这解决了我在提交 chrome 后将表单变量附加到当前 URL 时遇到的一些其他问题。这可能也可以通过使用 event.preventDefault 来解决。

于 2012-09-26T14:25:16.843 回答