经过一段时间的实验琢磨,终于将前后台之间的参数传递搞定了,实验所用工具myeclipse structs1.2。

总结:容易出错的地方:1.ajax中data的格式一定要写对,这里举了两种形式,一种是 data:{参数:“”} 另一种是 data:“参数=” 变量。

2.后台传递到前台数据转化为json格式,步骤要掌握好。

3.在js使用jquery必须要引用进来,否则会不执行jquery语句,这个问题困扰了我半天才解决掉,菜鸟的悲哀啊。jquery引用流程如下:网上下载jQuery.js,jquery-1.4.2.min.js两个js文件,放在webroot下的文件夹js中,引用代码如下:

<script src="<%=path%>/js/jQuery.js" language="javascript"type="text/javascript"></script>

<script src="<%=path%>/js/jquery-1.4.2.min.js" language="javascript"type="text/javascript"></script>

其中<%=path%>就代表了根目录wenroot文件目录。

4.ajax的url路径必须要写对。

5.当前台没有传递参数到后台时,data可以不用写,或用data:{}代替。

前台代码如下:

 var checkValue=$("#s1").val();

 //这个var是获取的id问s1的select选择的opention值 
$ 
.ajax({ 
type : "post", 
url : "getShowDataList.do", 
async : true, 
//data:{data:""},这种也可以 
data : 
"filepath=" checkValue

 //data:中的是传递到后台的数据,这里数据格式为json格式 
, 
dataType : "json", 
error : function() { 
//alert(checkValue); 
alert('加载失败!'); 
}, 
success : function(json) {

 //这里的json是后台传递过来的数据,这里数据格式也是json格式

前台获取后台的json格式list数据集,这段写在function中
var points = [];//创建数组 
for ( var i = 0; i 

后台代码:
public ActionForward execute(ActionMapping mapping, ActionForm form, 
HttpServletRequest request, HttpServletResponse response) { 

String filepath = request.getParameter("filepath");

 //获取前台传递过来的filepath 
System.out.println(filepath); 

List datalist = getShowData(filepath); 

response.setContentType("appliction/json;charset=utf-8"); 
JSONArray jsonArray = JSONArray.fromObject(datalist);

try { 

PrintWriter out = response.getWriter(); 
out.print(jsonArray); 
for (int i = 0; i 

jsp中利用jquery+ajax在前后台之间传递json格式参数的更多相关文章

  1. 让Laravel API永远返回JSON格式响应的方法示例

    这篇文章主要给大家介绍了关于如何让Laravel API永远返回JSON格式响应的相关资料,需要的朋友可以参考下

  2. Laravel 创建可以传递参数 Console服务的例子

    今天小编就为大家分享一篇Laravel 创建可以传递参数 Console服务的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

  3. PHP页面间传递参数实例代码

    从今天开始,我们进入了系统制作中最基础但也是最关键的php增删查找功能介绍阶段了。

  4. Vue中传递自定义参数到后端、后端获取数据并使用Map接收参数

    有些传递的参数是直接拼接到URL地址栏中的、但是为了统一管理、不能将传递的参数直接拼接到地址栏中,接下来通过本文给大家介绍Vue中传递自定义参数到后端、后端获取数据并使用Map接收参数,感兴趣的朋友一起看看吧

  5. 聊聊React onClick 传递参数的问题

    很多朋友向小编反映一个问题关于React onClick 传递参数的问题,当点击删除按钮需要执行删除操作,针对这个问题该如何处理呢?下面小编给大家带来了React onClick 传递参数的问题,感兴趣的朋友一起看看吧

  6. React传递参数的几种方式

    本文详细的介绍了React传递参数的几种方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  7. javascript学习笔记(六)数据类型和JSON格式

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,我们称之为JavaScript对象表示法。使用JSON进行数据传输的优势之一是JSON实际上就是JavaScript。它基于ECMAScript第3版中JavaScript对象字面量语法子集的一种文本格式。

  8. elementUI中el-dropdown的command实现传递多个参数

    这篇文章主要介绍了elementUI中el-dropdown的command实现传递多个参数方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  9. thinkphp5框架实现数据库读取的数据转换成json格式示例

    这篇文章主要介绍了thinkphp5框架实现数据库读取的数据转换成json格式,涉及thinkPHP5数据库读取数据与json格式转换相关操作技巧,需要的朋友可以参考下

  10. javascript向flash swf文件传递参数值注意细节

    如何使用javascript向SWF文件传递参数?在网上找了一个完整的教程,很有启发性和实用性,如下是完整实现的步骤,需要的朋友可以参考下

随机推荐

  1. 基于EJB技术的商务预订系统的开发

    用EJB结构开发的应用程序是可伸缩的、事务型的、多用户安全的。总的来说,EJB是一个组件事务监控的标准服务器端的组件模型。基于EJB技术的系统结构模型EJB结构是一个服务端组件结构,是一个层次性结构,其结构模型如图1所示。图2:商务预订系统的构架EntityBean是为了现实世界的对象建造的模型,这些对象通常是数据库的一些持久记录。

  2. Java利用POI实现导入导出Excel表格

    这篇文章主要为大家详细介绍了Java利用POI实现导入导出Excel表格,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  3. Mybatis分页插件PageHelper手写实现示例

    这篇文章主要为大家介绍了Mybatis分页插件PageHelper手写实现示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

  4. (jsp/html)网页上嵌入播放器(常用播放器代码整理)

    网页上嵌入播放器,只要在HTML上添加以上代码就OK了,下面整理了一些常用的播放器代码,总有一款适合你,感兴趣的朋友可以参考下哈,希望对你有所帮助

  5. Java 阻塞队列BlockingQueue详解

    本文详细介绍了BlockingQueue家庭中的所有成员,包括他们各自的功能以及常见使用场景,通过实例代码介绍了Java 阻塞队列BlockingQueue的相关知识,需要的朋友可以参考下

  6. Java异常Exception详细讲解

    异常就是不正常,比如当我们身体出现了异常我们会根据身体情况选择喝开水、吃药、看病、等 异常处理方法。 java异常处理机制是我们java语言使用异常处理机制为程序提供了错误处理的能力,程序出现的错误,程序可以安全的退出,以保证程序正常的运行等

  7. Java Bean 作用域及它的几种类型介绍

    这篇文章主要介绍了Java Bean作用域及它的几种类型介绍,Spring框架作为一个管理Bean的IoC容器,那么Bean自然是Spring中的重要资源了,那Bean的作用域又是什么,接下来我们一起进入文章详细学习吧

  8. 面试突击之跨域问题的解决方案详解

    跨域问题本质是浏览器的一种保护机制,它的初衷是为了保证用户的安全,防止恶意网站窃取数据。那怎么解决这个问题呢?接下来我们一起来看

  9. Mybatis-Plus接口BaseMapper与Services使用详解

    这篇文章主要为大家介绍了Mybatis-Plus接口BaseMapper与Services使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

  10. mybatis-plus雪花算法增强idworker的实现

    今天聊聊在mybatis-plus中引入分布式ID生成框架idworker,进一步增强实现生成分布式唯一ID,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

返回
顶部