ajax的表单提交 Ajax form submission

Jquery Mobile会自动通过ajax处理表单的提交,并在表单页面和结果页面之间创建一个平滑的转场效果。注意请在form元素上正确设定action 和method属性,保证表单的提交。如果没有指定,提交方法默认为get,action默认为当前页的相对路径(通过$.mobile.path.get()方法取得

表单也可以像链接一样指定转场效果的属性,比如data-transition="pop",和data-direction="reverse".如果不希望通过ajax提交表单,可以在全局事件禁用ajax,或给form设定 data-ajax="false" 属性。target 属性也可以在form上设置,表单提交时默认为浏览器的打开规则。。而与链接不同,rel 属性不可以在form上设

非ajax的处理 Non-Ajax handling

要防止表单提交时自动通过ajax提交,给form元素增加 data-ajax="false"属性。也可以通过ajaxFormsEnabled方法在全局控制.

Simple Ajax form example

本页面展示了表单自动通过ajax处理的提交。下面的表单采用常规(get 方式提交)forms-sample-response.php 。在提交时,Jquery Mobile会确保指定的Url地址可以通过Ajax获取,并且适当的处理。请注意,就像普通的HTTP请求表单提交一样,Jquery Mobile允许通过get请求成功得到的结果页通过更新Url的哈希值被添加为收藏页。而就像普通的表单提交一样,post请求不包含查询参数,因此结果页不能被添加为收藏页