// this is the id of the submit button
$("#submitButtonId").click(function() {
var url = "path/to/your/script.php"; // the script where you handle the form input.
$.ajax({
type: "POST",
url: url,
data: $("#idForm").serialize(), // serializes the form's elements.
success: function(data)
{
alert(data); // show response from the php script.
}
});
return false; // avoid to execute the actual submit of the form.
});
表单提交方法二:
<form id="contactForm1" action="/your_url" method="post">
...
</form>
<script type="text/javascript">
var frm = $('#contactForm1');
frm.submit(function () {
$.ajax({
type: frm.attr('method'),
url: frm.attr('action'),
data: frm.serialize(),
success: function (data) {
alert('ok');
}
});
return false;
});
</script>
分享到:
相关推荐
首先先说下表单提交吧,要提交表单那么就得先收集表单数据(至于验证这个我就不说了,要说留下下次吧),有了jquery取个html的值还是简单$(“xxid”).val()等就完了,但如果一张表单收集的数据很多,像这样的表单又有...
jQuery EasyUI 1 4版本更新内容: Bug(修复) menu:修复在删除一个菜单项的时候该菜单无法正确自适应高度的问题; datagrid:修复在datagrid宽度太小的时候“fitColumns”方法无法正常工作的问题 Improvement...
首先我们得要有一个表单提交页面: index.html 这个页面由两个部分组成 1、表单控件 2、jQuery+ajax处理脚本 jQuery脚本会获取form表单的数据,通过post的方式提交给api.php <!DOCTYPE HTML PUBLIC "-//W
简洁的语法和跨平台的兼容性,极大的简化了javascript开发人员遍历HTML文档、操作DOM、处理事伯、执行动画操作AJAX的操作。...屏蔽浏览器差异,对DOM的操作提供了方便的扩展,易用的事件处理API和动画API数据接口。
一款简单好调用的jQuery全国城市天气预报API查询代码,输入城市名进行查询。
[queueName]) 设置 jQuery.fx.off Ajax Ajax 请求 $.ajax([options]) load(url, [data], [callback]) $.get(url, [data], [fn], [type]) $.getJSON(url, [data], [fn]) $.getScript(url, [callback]) $.post(url, ...
网站 这是一个网络代理网站项目。
详细介绍JQ1.4的详细使用。循序渐进的对jQuery的各种方法和使用进行介绍,读者可以系统的掌握jQuery关于DOM操作、事件监听和动画、表单操作、AJAX以及插件方面知识点
使 form 成为 ajax 提交的 form 。 代码如下: $(‘#ff’).form({ url:…, onSubmit: function(){ // 做某些检查 // 返回 false 来阻止提交 }, success:function(data){ alert(data) } }); // 提交 form $...
MailChimp使用PHP,jQuery和AJAX订阅表单 MailChimp提供了一个很好的工具来生成您的自定义注册表单,该表单可以很好地满足大多数需求。 但是,某些客户希望使用完全自定义的表单,或者将其与他们已经拥有的现有模板...
随后3章从理论到实践,通过表格操作、构建功能型表单、实现滑移和翻转效果等实例,深入浅出地讲解了如何创造性地运用jQuery提供的丰富而强大的API。《jQuery基础教程(第2版)》最后两章专门介绍了如何使用和编写...
本书循序渐进的对jQuery的各种方法和使用进行介绍,读者可以系统的掌握jQuery关于DOM操作、事件监听和动画、表单操作、AJAX以及插件方面知识点,并结合每个章节后面的案例演示进行练习,达到掌握本章节知识点的目的...
10.1.1 jQuery.ajax([options]) 162 10.1.2 load(url, [data], [callback]) 170 10.1.3 jQuery.get(url, [data], [callback], [type]) 171 10.1.4 jQuery.getJSON(url, [data], [callback]) 172 10.1.5 jQuery....
(题外话:从本次开始 我新增了jQuery EasyUI的专题...filebox:filebox 该组件表单元素中用于上传文件的文件框工具组件 ">(题外话:从本次开始 我新增了jQuery EasyUI的专题页面 大家可以关注我的专题页来及时获取
9.1.2 使用ajax的客户端表单post 9.2 使用mvc的服务器端集成 9.2.1 使用mvc的服务器端表单post 9.2.2 使用mvc的服务器端数据访问 9.2.3 服务器端与客户端的对比 9.3 google maps集成 9.4 总结 ...
jQuery1.6学习各种方法如:AJAX ,属性,核心,css,数据,延迟对像,尺寸,效果,事件,表单,文档操作,杂项,位置,插件编写,Plugins。。。
4、为initConfig增加属性ajaxForm,用于配置整个表单ajax提交的参数,详见demo7和api帮助 $.formValidator.initConfig({theme:"Default",submitOnce:true,formID:"form1",ajaxForm:{ dataType : "html", buttons:...
本书循序渐进的对jQuery的各种方法和使用进行介绍,读者可以系统的掌握jQuery关于DOM操作、事件监听和动画、表单操作、AJAX以及插件方面知识点,并结合每个章节后面的案例演示进行练习,达到掌握本章节知识点的目的...