2012-11-13 50 views
0

我有一个正常工作在正常jquery移动页面的ajax表单,但是当我在对话框上转移它时不起作用。我的脚本没有读取设置了w/c的点击事件,并且默认情况下它发送的是同一页上的所有值,这是错误的。我错过了什么吗?任何想法?提前致谢。jquery mobile ajax从对话框提交

值被发送到这个网址这是错误的:的

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 --> 

回答

0

它看起来像形式正在对提交默认的方式,尽管你有约束力。

你可以尝试这样的事情:

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

和handleForm功能实现您的AJAX调用。