使用List<Map>数组初始化记录列表表单也很方便，这里结合Ajax查询、分页再举一例。
分页控件pageObj初始化参数{uid:"",list:""}是必须的，其余可使用默认值。
一、效果图
二、客户端网页文件newsListForm.html
<!--
用Ajax查询结果初始化记录列表表单
客户端代码
胡开明
2011-11-21
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>调用Ajax查询实现记录列表表单初始化</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="res/js/pvo.js"></script>
<script type="text/javascript" src="res/js/jbxx.jsp"></script>
<script type="text/javascript" src="res/js/page.js"></script>
<script type="text/javascript" src="res/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
var record={id:"qicity",s:"",defaultLM:"<option value="企业公告">企业公告</option><option value="企业资讯">企业资讯</option>"};
function queryNews(){
var action=pvo.getRoot()+ "/ExServlet?method=queryQyNews";//查询请求的action，如同form中的action;
pvo.query(action, function(){
var p=new pageObj({//创建分页对象
uid:"browseTD",//指定一个容器，供显示结果
numPerPage:6,//每页显示的记录数 numPerOne:10,//每组的页数
list:pvo.RESULT//这是查询结果 //barType:0//2：表示在查询结果的上下方都显示索引条；0，只在查询结果的上方都显示索引条；1，只在查询结果的下方都显示索引条；
});
p.f=function(){//实现用户方法
var list = p.pageList;//从分页的结果中取当前页的记录
var uid=p.bodyid;//从分页面板中获取主体部分的DOM元素id
document.getElementById(uid).innerHTML=""; 本文链接http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20121116/33897.html
ajax提交表单:用Ajax查询结果初始化记录列表表单
时间： 2024-10-30 15:56:39
ajax提交表单:用Ajax查询结果初始化记录列表表单的相关文章
Jquery中ajax提交表单几种方法(get、post两种方法)_AJAX相关
在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法.$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法. $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType
jQuery ajaxSubmit 实现ajax提交表单局部刷新_jquery
AJAX简介 AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 不是新的编程语言,而是一种使用现有标准的新方法. AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下. 需要引入 : jquery-form.js 使用说明: Java代码 $(document).ready(function() { var options = { target: '#mydiv', // 需要刷新的区域
Jquery中ajax提交表单几种方法(get、post两种方法)
在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法.$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法. $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType
介绍ajax提交url与ajax提交表单的区别
本篇文章主要是对ajax提交url与ajax提交表单的区别进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 1:ajax自已构造一个url,这种方式传参数要用Data,不能用于表单提交. 例: 代码如下: function createHtml(id){ $("#reloading").show(); //edit_bg是个div,提交时显示,这样可以使背景页面不能操作.
jQuery使用$.ajax提交表单完整实例_jquery
本文实例讲述了jQuery使用$.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.org/199
用ajax提交表单页面整个锁死。。
问题描述 我用ajax提交表单后页面整个锁死,所有地方都不能点,直到返回数据,其他页面都没有这个情况,求解决. 解决方案 这是设置了同步的原因,你如果不需要等着这个结果返回,你可以设置异步$.ajax({ type : "post", url : "", dataType:"text",async: false,//false为同步 true为异步data : $('#aspnetForm').serialize(),success : func
服务器-Ajax提交表单与一般提交表单的差别？
问题描述 Ajax提交表单与一般提交表单的差别? 在一般提交表单时,浏览器html将表单数据submit到服务器后,服务器会执行相关的处理脚本 比如(php,asp)等,进行处理,再将相关的HTML返回到浏览器端. 而ajax改变了这一过程,它是浏览器html将表单数据提交给本地的javascript,而javascript调用XMLHTTPRequest, 利用XMLHTTPRequest将数据传给服务器端,服务器端通过javascript收到数据,再调用处理脚本(php, asp)进行处理,
ajax提交url与ajax提交表单的详细比较_AJAX相关
1:ajax自已构造一个url,这种方式传参数要用Data,不能用于表单提交. 例: 复制代码 代码如下: function createHtml(id){ $("#reloading").show(); //edit_bg是个div,提交时显示,这样可以使背景页面不能操作. $("#edit_bg").show(); $.ajax({
Ajax提交表单时验证码自动验证 php后端验证码检测_php实例
本文通过源码展示如何实现表单提交前,验证码先检测正确性,不正确则不提交表单,更新验证码. 1.前端代码 index.html <!DOCTYPE html> <html> <head> <title>验证码提交自验证</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta htt