基于JQuery EasyUI框架的两种数据提交方式

 

最近由于工作的需要开始接触学习Jquery EasyUI框架，纯JQuery之前在写代码的时候接触过一些，之前也整理过一篇关于JQeury操作的文章：Jquery常用表单操作整理记录，如果有兴趣，大家可以去看一下。

在刚接触JQuery EasyUI框架时感觉还是挺复杂的，特别是涉及到数据提交方面的内容，自己初次使用，有点不适应，自己在网上也找了一些介绍和使用，再加上自己的实际测试整理了一部分关于利用JQuery EasyUI框架进行数据提交的方式，在这里做一个记录。

可能有些朋友不清楚什么是JQuery EasyUI，在这里首先简单介绍一下。

什么是JQuery EasyUI

jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。

jQuery EasyUI为我们提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，tree，validatebox，window等等。

通过对它的使用和了解，的确是在界面样式设计方面给我们节省了大量时间，可以让我们把绝大部分时间专注与程序结构及功能的实现。

下面就对基于JQuery EasyUI框架的数据提交的方式进行部分说明，虽然都是基于Form的数据提交，但其实现方式和写法有多种形式，下面就逐一进行说明

1.JQuery EasyUI

$('#frm').form({
    url:'/demo7/ProcessServlet',
    onSubmit:function(){
        return $(this).form('validate'); }, success:function(data){
        alert(data);
    }
});

其中frm为form表单的id，其本质就是基于form的submit提交方式，我的开发环境是PHP，我在测试时这种方式并未完成。

2.JQuery EasyUI Ajax提交

其实质就是利用JQuery的异步提交方式：

$.ajax({

url: "post_url.php",

type: "post",

data: "param1=value1&param2=value2&...",

datatype:"json",

success: function(data){
    alert(data);
  }

});

这种方式实际上就是JQuery自己的异步提交方式，在JQuery EasyUI框架中同样适用，自己在项目中使用的就是这种方式，上一种一直无法调试成功，若有成功的朋友，可以告知一下哦，我是利用PHP进行开发的。

以上就是JQuery EasyUI框架的提交数据的两种方式，希望对你能够有所帮助。

来源：红心草博客

原文地址：http://www.hongxincao.com/archives/606.html