jsp中利用jquery+ajax在前后台之间传递json格式参数
经过不断的实验与摸索,关于前后台之间的参数传递问题终于有了突破性的进展。今天,我想与大家分享一些经验,希望能为新手朋友们提供一些帮助,让他们少走弯路。
在开发过程中,我们经常会遇到前后台数据传递的问题。这次,我将以myeclipse和structs1.2作为实验工具,详细阐述一些容易出错的地方以及相应的解决方法。
关于Ajax中数据的格式。这是一个非常重要的环节。有两种常见的data格式需要注意:一种是data{“参数”:”"}的形式,另一种是data+"参数="+变量"的形式。选择哪种形式取决于你的实际需求和数据类型。
后台传递到前台的数据应转化为json格式。这一步需要掌握得当,确保数据的正确性和安全性。在转化过程中,需要注意数据的格式和编码方式。
使用jQuery时必须要正确引入相关的js文件。我曾在这个问题上困扰了很长时间。正确的做法是,从网上下载jQuery.js和jquery-1.4.2.min.js这两个js文件,将它们放在webroot下的js文件夹中。然后,通过以下代码进行引用:
其中<%=path%>代表了根目录wenroot文件目录。这样,你就可以在代码中正常使用jQuery了。
Ajax的url路径也是非常重要的。必须确保url的正确性,否则前后台之间的参数传递就会失败。当前台没有需要传递的参数时,data可以不用写,或者用data:{}来代替。
以下是一个简单的前台代码示例:
var checkValue=$("s1").val(); //获取id为s1的select选择的option值
$.ajax({
type : "post",
url : "getShowDataList.do",
async : true,
//data:{data:""},这种也可以
data : "filepath="+checkValue, //传递到后台的数据,这里数据格式为普通的key-value对
dataType : "json",
error : function() {
//alert(checkValue);
alert('加载失败!');
}
});
在前台,我们常常会接收到后台传递的json格式数据。这些数据通常包含经度(lon)和纬度(lat)信息,用于在地图或图表上展示。当后台数据到达时,我们需要对其进行处理以便使用。
在前端代码中,我们首先创建一个空数组`points`,用于存储处理后的数据点。然后,我们遍历后台传递的json数据。对于每一个数据项,我们创建一个新的`OpenLayers.LonLat`对象,并将该对象的经纬度信息从json数据中提取出来。我们将这个新创建的对象添加到`points`数组中。这样,我们就得到了可以用于地图或图表的数据点集合。
而在后台,我们的任务是从请求中获取文件路径(filepath),然后根据这个路径获取数据。这些数据被封装在一个名为`Show`的类中,并被存储在一个列表中。接着,我们将这个列表转换为json格式的数据结构。然后,我们将这些数据发送给前端。在这个过程中,我们还会打印出每一个数据项以便调试和监控。我们清空输出缓冲区并结束这个请求处理过程。
在最后的代码中,我们看到了一个调用`cambrian.render('body')`的语句。这可能是某种渲染函数或插件的调用,用于在页面上展示处理后的数据。具体的功能和实现细节可能需要查阅相关文档或源代码才能了解。
编程语言
- jsp中利用jquery+ajax在前后台之间传递json格式参数
- Nodejs实现多文件夹文件同步
- 详解WordPress中添加和执行动作的函数使用方法
- Git下载、安装与环境配置的详细教程
- php使用正则表达式提取字符串中尖括号、小括号
- 详解在Angular4中使用ng2-baidu-map的方法
- Yii视图操作之自定义分页实现方法
- JavaScript静态类型检查工具FLOW简介
- 体验jQuery和AngularJS的不同点及AngularJS的迷人之处
- 修复ShopNC使用QQ 互联时提示100010 错误
- 简单实现js倒计时功能
- 一个黑客必备的基本技能
- javascript中call,apply,bind函数用法示例
- 列出SQL Server中具有默认值的所有字段的语句
- JSP 获取本地图片的实例详解
- bootstrap-Treeview实现级联勾选