2012-05-03 64 views
2

当然,我错过了一些简单的...下面是一个简单的表单,我试图提交给PHP脚本。它在PC和Mac上运行良好但不是在iPad上,iPhone等Safari浏览器。我猜想有一个我失踪的移动组件?将表单从iPhone提交到PHP

<html> 
<head> 
    <title>Title</title> 
    <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script> 
    <script type="text/javascript"> 

$('form').submit(function(){ 
    var postData = $(this).serialize(); 

    $.ajax({ 
     type: 'POST', 
     data: postData, 
     url: "http://www.norwichandyork.com/pocketleads/utilities/accounts.php", 
     success: function(data){ 
      console.log(data); 
      alert('Your comment was successfully added'); 
     }, 
     error: function(){ 
      console.log(data); 
      alert('There was an error adding your comment'); 
     } 
    }); 

    return false; 
}); 
</script> 
</head> 
<body> 


<form method="post" action="http://www.norwichandyork.com/pocketleads/utilities/accounts.php"> 
    <label for="email"> 
     <b>Email</b> 
     <input type="text" id="email" name="email"> 
    </label> 

    <label for="fname"> 
     <b>fname</b> 
     <input type="text" id="fname" name="fname"> 
    </label> 

    <input type="submit" value="Save"> 
</form> 

</body> 
</html> 

我重新发布我的完整代码,并离开了动作URL,这样任何人都可以轻易尝试它。预先感谢您的帮助。代替

+1

你确实在某处包含了jquery,对吧? – Thilo

+0

即使jQuery包含在代码发布中,但我没有看到它如何在PC/Mac上无法正常工作。 – powerbuoy

+0

是的,位于我的代码顶部。添加该操作(并将该方法固定为读取方法=“post”)不起作用。仍然在这里吸吮池塘水): – user1371301

回答

0
<script type="text/javascript"> 

<script language="JavaScript"> 
0

<form action="post">

form元件的action属性指定了数据应发送:)。除非您的PHP脚本被称为post我认为您应该将action更改为method并且包含实际操作。

<script language="JavaScript">

而且,你不应该指定script元素的language属性(尚未使用的年龄),但在此之前HTML5,你应该使用type属性和JS的价值应该是text/javascript。由于HTML5所有script元素被假定为JavaScript,除非另有规定。

我写了这一切,然后意识到你无论如何hijaxing形式使action/method的事情其实并不重要。无论如何,这可能会有所帮助,所以我会留下答案。

+0

设置窗体动作应该不重要,因为它通过ajax发送 – JoeCortopassi

+0

是的,这就是为什么我写了最后一段。我绝对认为最好使用渐进式增强,但设置表单动作并在脚本中使用它(而不是硬编码)会使它在禁用JS的设备上工作。 – powerbuoy

1

解决!不知道它是一个Xcode还是PhoneGap的东西,但是您必须将您从应用中访问的每个域列入白名单。虽然我的域名已被列入白名单,但它仍然无效。我在检查编译错误日志时发现了这个问题。我发现这个:http://www.prosoxi.com/2011/10/08/xcode-phonegap-white-list-rejection/,并将* .mydomain.com添加到白名单中,现在一切正常。非常感谢您的意见。