jquey ajax 无刷新提交form

http://bbs.csdn.net/topics/380237868

$.ajax({
  type: "POST",
  url:ajaxCallUrl,
  data:$(‘#yourformid‘).serialize(),// 你的formid
  async: false,
  error: function(request) {
    alert("Connection error");
  },
  success: function(data) {
    $("#commonLayout_appcreshi").parent().html(data);
  }
});

尚未阅读:http://www.cnblogs.com/zjfree/archive/2011/12/30/2307683.html

其中用的 jQuery ajax 的函数:

serialize()

serializeArray() http://www.w3school.com.cn/jquery/ajax_serializearray.asp

后一种可以在php当数组处理,post提交数据方便。

时间: 2024-12-19 15:51:43

jquey ajax 无刷新提交form的相关文章

DEDE使用AJAX无刷新提交Form表单,PHP返回结果

$query = "INSERT INTO `{$diy->table}` (`id`, `ifcheck` $addvar)  VALUES (NULL, 0 $addvalue); "; 引入phpmailer 添加以下代码: /*发送邮件*/ $addvalue_ary = explode(',', $addvalue); //因为DEDE是将所有表单数据提交过来,所以这里需要分隔一下. $addvar_ary = array( 1 => '称呼', 2 =>

jQuery实现form表单基于ajax无刷新提交方法详解

本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o

Ajax无刷新提交

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

Ajax.BeginForm()实现ajax无刷新提交

1. 同时安装 Microsoft jQuery Unobtrusive ajax 和 jQuery Unobtrusive Ajax,如下图 安装完成之后多了如下的js库 2. 引用该js库 layout中引用 即可实现ajax无刷新提交

Ajax无刷新提交表单和显示

ajax无刷新表单提交: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&

jquery Ajax无刷新提交表单

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title>     <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> </head> <body> <form i

ajax无刷新表单提交

ajax无刷新提交笔记 数据库自己模拟建一个 执行一下添加功能 php部分采用pdo方法: <?php $db ='mysql'; $host ='localhost'; $port ='3306'; $dbname = 'ajax'; $user = 'root'; $pwd  = ''; $dsn = "$db:host=$host;port=$port;dbname=$dbname";    //设定字符集  $options = array(PDO::MYSQL_ATTR

表单 - Form - 无刷新提交原理

为什么Form组件的表单提交可以做到无刷新? EasyUI在提交的时候,将表单作为一个隐藏的iframe进行的提交,并不是我们看到的那个表单进行的提交 并且那个iframe使用了绝对定位,保证页面上不可见 那么Form组件提交和Ajax提交怎么选择呢? 个人觉得大多数时候是差不多的,主要区别在于Form组件的提交本质还是表单,可以做到无刷新提交文件 大概原理就是这样子

DWZ框架Ajax无刷新表单提交处理流程

DWZ框架Ajax无刷新表单提交处理流程是: 1.       ajax表单提交给服务器 2.       服务器返回一个固定格式json结构 3.       js会调函数根据这个json数据做相应的处理 注意: DWZ框架默认的ajax表单提交都是返回json数据,告诉客户端操作是否成功,成功或失败提示信息,以及成功后的处理方式(刷新某个navTab或关闭某个navTab或navTab页面跳转). 表单提交后服务器操作失败了,客户端接收statusCode和message后给出错误提示,表单