`
qwend2012
  • 浏览: 2546 次
  • 性别: Icon_minigender_1
最近访客 更多访客>>
社区版块
存档分类
最新评论

jQuery绑定事件、异步提交表单

阅读更多
			jQuery(function init(){
				//加载时调用
				jQuery("#issuedept").bind("propertychange",function(){
					//业务处理				
                                     });	
			});

这里可以绑定多种事件,与原JS中的事件名称相似。与bind相似的功能还有live,相比bind而言,live能给新生成的元素也绑定上事件。
//异步提交表单
     var ajax_url = "/auth"; //表单目标
     var ajax_data = jQuery("#cafrm").serialize(); //表单数据
     jQuery.ajax({
		   	 url:ajax_url, //表单提交目标
		   	 data:ajax_data, //表单数据
		   	 type:'POST',
		     success:function(msg){
		     	//业务处理			   	 
     	}
     });
分享到:
评论

相关推荐

    Jquery实现表单异步提交.zip

    - **监听表单提交事件**:绑定`submit`事件处理器,如`$("#formId").on("submit", function(event) { ... })`,防止默认的表单提交行为。 - **阻止默认行为**:在事件处理器中调用`event.preventDefault()`,避免...

    ajax异步提交表单

    ### AJAX异步提交表单知识点解析 #### 一、AJAX技术概述 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以...

    jQuery Ajax无刷新提交表单并执行邮件通知

    **jQuery与Ajax无刷新提交表单** 在网页开发中,jQuery和Ajax技术的结合使得用户交互体验得到了极大的提升。"jQuery Ajax无刷新提交表单并执行邮件通知"这个主题涉及了两个关键点:一是利用jQuery进行表单验证,二...

    异步提交 表格异步提交

    `ajaxForm`就是这样一个插件,它可以自动绑定表单的提交事件,处理数据并发送异步请求。 ```javascript $("#myForm").ajaxForm({ success: function(response) { // 处理服务器返回的数据 }, error: function...

    jquery实现弹窗表单填写提交

    接下来,使用jQuery绑定按钮点击事件,并在事件处理函数中显示弹窗: ```javascript $(document).ready(function() { $("#openForm").click(function() { $("#popupForm").show(); }); }); ``` 表单填写完成后...

    jQuery文字选项问卷调查表单提交.zip

    在这个问卷调查表单中,jQuery的选择器可能被用来选取特定的表单元素,如输入框、复选框、单选按钮或提交按钮,以便绑定事件监听器或进行其他操作。 接着,表单数据的处理是此程序的重点。jQuery提供了`serialize()...

    jQuery商品分类选择提交表单代码.zip

    在这个"jQuery商品分类选择提交表单代码"示例中,我们将深入探讨如何利用jQuery来创建一个交互式的商品分类选择表单,并实现数据提交功能。 首先,HTML5是现代网页开发的基础,它引入了许多新特性,如语义化标签...

    JQuery异步提交表单与文件上传功能示例

    jQuery库提供了一种简单的方式来处理这些任务,特别是通过使用jQuery.form.js插件,它可以方便地实现异步表单提交和文件上传。 Jquery.form.js插件是专门为jQuery设计的,它扩展了jQuery的功能,允许开发者无刷新地...

    jQuery公司开户提交审核表单.zip

    6. **表单提交按钮**:通常使用`<button>`或`<input type="submit">`,并使用jQuery绑定提交事件,进行表单数据的验证和发送。 在实际应用中,jQuery的`.val()`方法用于获取表单字段的值,`.on('change', function...

    jquery异步绑定dropdownlist

    本文将深入探讨“jQuery异步绑定dropdownlist”这一主题,它涉及到jQuery、Ajax以及DropDownList控件的使用,这些都是Web开发中的重要元素。 首先,`dropdownlist`(下拉列表)是网页表单中常见的输入控件,通常...

    jquery ajax异步提交表单数据的方法

    本文将详细介绍如何使用jQuery的Ajax方法实现异步提交表单数据。 首先,异步提交表单意味着用户在提交表单时不需要重新加载整个页面,可以提高用户体验。在没有使用Ajax时,表单提交一般会触发页面的完全刷新。使用...

    jquery手机端商品列表评价提交表单代码

    jQuery提供了一系列方法来操作表单元素,如`$(selector).val()`用于获取或设置表单字段的值,`$(selector).submit()`用于监听表单的提交事件。 3. **事件处理**:在手机端,触摸事件是关键,如`touchstart`、`...

    Jquery超强验证表单

    综上所述,“jQuery超强验证表单”涉及的知识点涵盖了jQuery基础、表单验证原理、验证插件使用、自定义规则和错误消息、实时验证、AJAX提交以及错误处理等方面。掌握这些内容,可以提升你在Web开发中处理表单验证的...

    jquery_form_js 表单提交自定义源码

    jQuery Form插件是基于jQuery库的一个扩展,它允许开发者使用Ajax技术实现异步表单提交,从而提升用户体验,避免页面刷新。此外,它还支持多种提交方式,如POST、GET、PUT、DELETE等,并且可以处理文件上传。这个...

    jquery ajaxfrom表单提交代码

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互等任务。...确保正确引入jQuery和`ajaxForm.js`文件,并按照上述步骤设置表单,你就可以实现异步的Ajax表单提交了。

    jQuery问卷调查选择题表单代码.zip

    jQuery是由John Resig于2006年创建的一个JavaScript库,它的目标是简化JavaScript编程,提供了一种更简单的方式来操作HTML文档对象模型(DOM)、处理事件、创建动画效果以及进行异步HTTP(Ajax)请求。jQuery的语法...

    jquery 绑定单选框、复选框、下拉框

    在实际项目中,我们可能需要结合其他库或工具,如Bootstrap的`form-group`和`form-control`类来美化表单元素,或者使用Ajax库如Axios或jQuery自身的Ajax方法来异步提交用户选择的数据。 例如,使用Ajax更新服务器上...

    jquery带提示验证表单.zip

    然后,可以使用`.on()`方法绑定事件,例如,为表单提交事件绑定验证函数: ```javascript $("#myForm").on("submit", function(event) { // 验证逻辑 }); ``` 3. **获取表单数据**:在验证函数内,我们可以...

    Ajax表单提交插件jquery form

    jQuery Form插件还支持一些与表单提交相关的事件,如`submit`, `beforeSubmit`, `success`, `complete`, `error`等,可以在这些事件上绑定自定义处理函数。 例如,监听`beforeSubmit`事件进行表单验证: ```...

    jQuery注册登录改密表单代码.zip

    通过`.on()`方法,我们可以绑定各种事件,如点击事件(`click`)、表单提交事件(`submit`)等。在登录和注册表单中,通常会监听这些事件,当用户输入完成后触发相应的验证或提交逻辑。例如,注册时的邮箱格式验证、密码...

Global site tag (gtag.js) - Google Analytics