ajax异步提交的两种方法
第一种是原始的ajax,第二种是在jQuery中使用ajax。这是我为测试两种提交方法而写的一段代码。
1.struts.xml
<package name="json" extends="json-default"> <action name="books" class="com.huawei.struts.BooksAction"> <result type="json"></result> </action> </package>
2.action.java
package com.huawei.struts; import java.util.ArrayList; import java.util.Iterator; import java.util.List; import com.opensymphony.xwork2.ActionSupport; public class BooksAction extends ActionSupport { private static final long serialVersionUID = 1L; private String department; private ArrayList<Book> bookList; public String getDepartment() { return department; } public void setDepartment(String department) { this.department = department; } public String execute() { if(department.equals("huawei")){ setBookList(GetBooks.getBookInfo()); } return SUCCESS; } public ArrayList<Book> getBookList() { return bookList; } public void setBookList(ArrayList<Book> bookList) { this.bookList = bookList; } }
3.jsp
<%@ page contentType=" text/html; charset=UTF-8"%> <%@ taglib prefix="s" uri="/struts-tags"%> <%@ page language="java" import="com.huawei.struts.*"%> <html> <head> <title>Hello World!</title> <script type="text/javascript" src="js/jquery/jquery-1.8.0.js"></script> </head> <body> <h2>图书查询</h2> <form> <input type="button" value="查询" onclick="lookup()" /> </form> <div id="book"></div> <script type="text/javascript"> function callbackFun(json) { var nbook = json.bookList.length; var str = ""; for ( var i = 0; i < nbook; i++) { var bookNum = json.bookList[i].num; var bookName = json.bookList[i].name; str += ("bookNum:" + bookNum + "<br/>" + "bookName:" + bookName + "<br/>"); var nchap = json.bookList[i].chapters.length; for ( var j = 0; j < nchap; j++) { var chapterNum = json.bookList[i].chapters[j].num; var chapterName = json.bookList[i].chapters[j].name; str += ("chapterNum:" + chapterNum + "<br/>" + "chapterName:" + chapterName + "<br/>"); } } $("#book").html(str); } function lookup() { /* //1.原始的方式 var xmlhttp; if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open("GET", "books.action?department=" + "huawei", false); xmlhttp.send(); var text = xmlhttp.responseText; var json = eval("(" + text + ")"); callbackFun(json); */ //2.JQuery的方式 var url = 'books.action'; var param = { department : 'huawei' }; jQuery.get(url, param, callbackFun, 'json'); } </script> </body> </html>
4.查询打印结果:
图书查询
bookName:《Java宝典》
chapterNum:1
chapterName:Java概况
chapterNum:2
chapterName:Java语法
bookNum:2
bookName:《C++详解》
chapterNum:1
chapterName:C++概况
chapterNum:2
chapterName:C++语法
var
str = JSON.stringify(jsonObj);
ajax异步提交的两种方法的更多相关文章
- js阻止表单提交的两种方法
下面直接看代码. <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...
- ajax获取值的两种方法
详细连接https://blog.csdn.net/a1102325298/article/details/80785143 ajax获得表单值的俩种方法 2018年06月23日 17:12:02 延 ...
- ajax 请求数据的两种方法
实现ajax 异步访问网络的方法有两个.第一个是原始的方法,第二个是利用jquery包的 原始的方法不用引入jquery包,只需在html中编写script 片段 这里我演示的是一个传递参数查询的例子 ...
- vue 异步提交php 两种方式传值
1.首先要在php的入口文件写上一条代码,允许异步提交 header("ACCESS-CONTROL-ALLOW-ORIGIN:*"); 2.在vue有两种方式将数据异步提交到ph ...
- js防止表单重复提交的两种方法
第一种:用flag标识,下面的代码设置checkSubmitFlg标志: 复制代码代码如下: <script language=""javascript"" ...
- 使用JS和JQuery 阻止表单提交的两种方法
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
- Ajax请求数据的两种方式
ajax 请求数据的两种方法,有需要的朋友可以参考下. 实现ajax 异步访问网络的方法有两个.第一个是原始的方法,第二个是利用jquery包的 原始的方法不用引入jquery包,只需在html中编写 ...
- ASP.NET MVC 实现AJAX跨域请求的两种方法
通常发送AJAX请求都是在本域内完成的,也就是向本域内的某个URL发送请求,完成部分页面的刷新.但有的时候需要向其它域发送AJAX请求,完成数据的加载,例如Google. 在ASP.NET MVC 框 ...
- 使用js提交form表单的两种方法
提交form表单的时候瑶族一些简单的验证,验证完后才能提交,避免无效提交. 1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在前端页面写:有两种方法,一种是用sub ...
随机推荐
- JSON格式化与serialize序列化
一.JSON格式化 1. JSON是什么 JSON是一种数据的存储格式,用来沟通客户端Javascript和服务端PHP的交互.我们把用PHP生成JSON后的字符串传给前台Javascript,Jav ...
- 个人介绍和Github使用流程
我叫石莉静,来自网络工程143班,学号1413042067 我的兴趣爱好有看电影.动漫,听音乐,摄影,寻找美食等等. 个人编程能力:非常真诚的说,我的编程能力蛮差的,用C++写过一共写过...(很少很 ...
- java向Excel文件写入数据
/*使用之前要记得导入第三的jar包这个是我之前使用的时候那别人的东西自己修改了一下 还没来得及好好地封装一下还望见谅,注释我感觉写的挺清楚的就在不进行解释代码了*/package com.zzp.E ...
- asp.net和js读取文件的MD5值的方法
前言 文件的md5值,即文件签名,为了验证文件的正确性,是否被恶意篡改等.每个文件有一个唯一的md5值. 最近公司开发的app文件包的校验就有用到文件md5值. 一.asp.net获取 ①和上传文件一 ...
- everthing 添加右键菜单
Tool --> Options --> General -->勾上 Show folder context menus
- sql 删除数据库所有用户表
--变量@tablename保存表名 declare @tablename nvarchar() --将用户表全部保存到临时表#tablename中 SELECT [name] into #table ...
- SQLSERVER跨数据库操作 ---- sp_addlinkedserver
由于项目需要跨数据库进行相应的sql操作(这里遇到的是sqlserver的A库,到sqlserver的B库) sp_addlinkedserver [ @server = ] ' server ' [ ...
- CSS 透明度 设置 兼容IE FF
filter:Alpha(Opacity=80);/*IE*/ -moz-opacity:0.8;/*FF*/ opacity: 0.8;/*所有元素*/ 参数设置说明: Alpha(Opacity= ...
- Python异常总结(出处: 鱼C论坛)
Python 标准异常总结http://bbs.fishc.com/thread-45814-1-1.html(出处: 鱼C论坛) Python标准异常总结AssertionError 断言语句 ...
- 使用FWTools来导入shp数据到mysql
使用FWTools来导入shp数据到mysql 参考地址 http://forums.mysql.com/read.php?23,122827,206841 软件下载链接 http://fwtools ...