Jquery easyui异步提交表单的两种方式

这篇文章分享一下 easyui 常用的两种表单异步提交的方式。

目录

开始前的准备工作

方式一：利用 jquery ajax 提交

$.post()

$.ajax()

方式二：使用 easyui 提供的表单提交方式

开始前的准备工作

1、使用 HBuilderX 创建一个简单的 html 项目，删除 img 和 html 目录，只保留 js 目录和 index.html；

2、下载 jquery.min.js 和 jquery.easyui.min.js，复制到 js 目录下；

3、修改 index.html 的代码，增加一个表单，包含三个输入框和一个提交按钮，在页面引入 easyui 的 js 文件；

页面效果如下：

方式一：利用 jquery ajax 提交

这种方式只需要引入 jquery.min.js

$.post()

	
		
		
		
	
	
	
		

			姓名：
			年龄：
			手机号：
			
			 提交 
		
		
		
	

$.ajax()

	
		
		
		
	
	
	
		

			姓名：
			年龄：
			手机号：
			
			 提交 
		
		
		
	

方式二：使用 easyui 提供的表单提交方式

easyui 官网已经介绍了这种方式，不过和上面的 ajax 提交不一样，这种提交方式要给输入框设置 name 属性。

案例代码：

	
		
		
		
		
	
	
	
		

			姓名：
			年龄：
			手机号：
			
			 提交 
		
		
		
	

好了，文章就分享到这里了，看完不要忘了点赞 + 收藏哦~