问题描述:在JS代码中访问地址,浏览器控制台报错。
1、错误访问代码如下:
function getTrackData(param) {
var mydata = {};
$.ajax({
url : url + "/locate/track/" + param.carnumber + "/"+ param.starttime + "/" +param.endtime,
dataType : 'json',
type : 'get',
async : true,
success : function(data) {
var item = eval(data);
if (item)
mydata = item;
}
});
return mydata;
}
注:starttime,endtime的值格式数据如:"2013-06-07 10:00:00",url上面含参数js不会对url进行编码。
空格" "被浏览器编译成了
%20代替,导致无法访问后台。
2、问题解决方案
function getTrackData(param) {
var mydata = {};
var starttime=param.starttime.replace(/ /g,"_");
var endtime=param.endtime.replace(/ /g,"_");
$.ajax({
url : url + "/locate/track/" + param.carnumber + "/"+ starttime + "/" +endtime,
dataType : 'json',
type : 'get',
async : true,
success : function(data) {
var item = eval(data);
if (item)
mydata = item;
}
});
return mydata;
}
替换空格,以下字符都是可行的,如"_",",""&","|","@"等字符,英文字母例外。
3、mysql数据库查询
SELECT * FROM device_001 WHERE SERVICETIME BETWEEN '2013-06-07@00:00:00' AND '2013-06-07@08:12:30'
分享到:
相关推荐
本文将深入探讨如何使用jQuery的ajax方法来提交表单,从而实现异步数据交换,提高用户体验。 首先,jQuery的$.ajax()函数是进行Ajax请求的核心,它允许我们与服务器进行异步数据通信。在“使用jQuery ajax提交表单...
**jQuery AJAX分页技术详解** 在Web开发中,分页是一种常见的数据展示方式,它能够有效地组织大量数据,提高页面加载速度,优化用户体验。...在实践中不断探索和优化,将能创造出更多适应不同场景的分页解决方案。
### 使用jQuery与Ajax实现网页无刷新提交功能 在现代Web开发中,为了提供更好的用户体验,很多网站都会采用Ajax技术来实现在不刷新整个页面的情况下进行数据的提交与更新。本篇文章将详细介绍如何利用jQuery库结合...
- 在前端,jQuery监听表单提交事件,阻止默认的表单提交行为,然后使用$.ajax()发送包含新数据的POST请求到ASP服务器端脚本。 - ASP接收到请求后,通过ADO(ActiveX Data Objects)处理数据库操作,如使用SQL ...
在现代Web开发中,使用jQuery进行Ajax请求是一种常见的操作。jQuery作为一个广泛使用的JavaScript库,简化了从客户端到服务器的数据交互,而Ajax超时的设置则是保证请求响应时效性的重要手段。当客户端向服务器发送...
当表单提交时,我们将阻止其默认的提交行为,然后使用`.ajax()`方法发送POST请求。 ```javascript $(document).ready(function() { $('#login-form').on('submit', function(event) { event.preventDefault(); ...
总结,使用jQuery的Ajax功能提交整个表单涉及的关键点包括:`serialize()`方法、`$.ajax()`或其简化版`$.post()`/`$.get()`、阻止表单默认提交、处理服务器响应以及跨域问题。理解这些概念和用法,能够帮助开发者在...
### jQuery AJAX 源代码分析 #### 一、概述 jQuery 是一款优秀的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载...
在不刷新整个页面的情况下,jQuery AJAX允许动态更新内容,加载图片,甚至执行更复杂的交互操作。 ### jQuery AJAX基础 1. **AJAX** 全称为"Asynchronous JavaScript and XML",虽然XML在现代Web开发中已不常用,...
本文主要介绍了 PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据方法,以完整实例形式分析了 PHP 基于 jQuery 的 Ajax 无刷新提交数据实现方法。下面是详细的知识点说明: HTML 页面 在 HTML 页面中,我们首先引入 ...
### Jquery Ajax方法传递到Action的补充说明 #### 1. Ajax在前端与后端的数据交互 Ajax(Asynchronous JavaScript and XML)技术是实现网页异步数据交互的重要手段。在Web开发中,前端可以通过Ajax向服务器发送...
本文将深入探讨jQuery中的Ajax过滤器及其在Ajaxform表单提交中的应用,以及如何解决可能出现的乱码问题。 首先,让我们理解什么是jQuery Ajax过滤器。在jQuery中,`ajaxSend`、`ajaxComplete`、`ajaxSuccess`、`...
**jQuery AJAX简易计算器** 在Web开发中,动态交互是提升用户体验的重要手段,而jQuery的AJAX功能正是实现这种交互的核心技术。本项目“jQuery AJAX简易计算器”旨在展示如何利用jQuery库与服务器端进行异步数据...
在这个项目中,`ws1.sln`是一个解决方案文件,包含了整个项目的配置信息和引用的项目或文件。而`ws1`可能是一个项目的主文件夹,可能包含了Web服务文件、HTML页面、CSS样式表、JavaScript脚本以及其他必要的资源。 ...
AJAX(异步JavaScript和XML)允许我们在不刷新整个页面的情况下更新部分网页内容。在jQuery中,`$.ajax()`函数是实现这一目标的核心。要读取TXT文件,我们可以这样做: ```javascript $.ajax({ type: 'GET', // ...
**jQuery AJAX 前后台数据传输详解** 在Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛用于实现在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。jQuery库为开发者提供了简单易用的...
这仅仅是开始,实际项目中,Ajax可以用来实现更多复杂的交互,比如分页加载、实时聊天、无刷新表单提交等。 了解并掌握这些基础知识对于任何想要涉足Web开发的人来说都是至关重要的。通过实践这个最简单的例子,你...
无刷验证是指在用户输入数据时,通过AJAX向服务器发送请求,验证输入的有效性,如果验证失败,即时反馈错误信息,而不需要用户点击“提交”按钮或刷新页面。这减少了用户的等待时间,提升了交互体验。 3. **实现无...
在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能,特别是如何利用它进行异步用户名验证。Ajax,即Asynchronous JavaScript and ...
这种技术依赖于HTML5的FormData对象(对于不支持HTML5的浏览器,它会退回到IFrame上传),提供了一种优雅的处理大文件上传的解决方案。 **二、基本使用** 要使用AjaxUpload,首先确保项目中已经引入了jQuery库。...