Question

我有一个正常的jquery移动页面上的ajax表单但是当我在对话框上传输它时它不起作用。我的脚本没有读取设置w / c的click事件，默认情况下它会在同一页面上发送错误的所有值。我错过了什么吗？任何的想法？提前谢谢。

值正在发送到此网址，这是错误的：

http://localhost/MyFolder/views/maintenance/RegionAdd.html?triggerActivity=region&triggerAction=add&regionDesc=test&area=test222

而不是：

http://localhost/MyFolder/model/maintenance/maintenance_process.php?triggerActivity=region&triggerAction=add&regionDesc=test&area=test222

请参阅下面的脚本。

JS :(位于RegionAdd.html）

$(document).bind("pageinit", function(){
    $("#submit-region").click(function(){
        //var regionDesc = $("#regionDesc").val();
        //console.log(regionDesc);
        var formData = $("#ajaxForm").serialize();
        $.ajax({
             type: "GET",
             url: "../../model/maintenance_process.php",
             cache: false,
             data: formData,
             success: onSuccess
        });
            //e.preventDefault();
    });
});

HTML5 :(位于RegionAdd.html）

<body>
    <div data-role="page">
        <form id='ajaxForm'>
            <div data-role="header">
                <h1>Add Region</h1>
                <button type='submit' data-theme="a" data-icon="check" data-mini="true" id="submit-region">Save</button>
            </div><!-- /header -->

            <div data-role="content">
                <div class="content-primary">
                    <input type="hidden" name="triggerActivity" id="triggerActivity" value="region"  />
                    <input type="hidden" name="triggerAction" id="triggerAction" value="add"  />
                    <ul data-role="listview">
                        <li data-role="fieldcontain">
                            <label for="regionDesc">Region</label>
                            <input type="text" name="regionDesc" id="regionDesc" value=""  />
                        </li>
                        <li data-role="fieldcontain">
                            <label for="area">Area</label>
                            <input type="text" name="area" id="area" value=""  />
                        </li>
                    </ul>
                    <h4 id="message"></h4>
                </div>
            </div><!-- /content -->
        </form>
    </div><!-- /page -->

Answer 1

看起来表单是以默认方式提交的，尽管你有绑定。

你可以尝试这样的事情：

$("form.ajaxForm").live("submit", handleForm);

并在handleForm函数上实现你的ajax调用。

jquery mobile ajax从对话框表单提交

1 个答案: