`
hybxiaodao
  • 浏览: 246908 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

ajax记录log

    博客分类:
  • ajax
阅读更多
首先初始化ajax

http_request = false;
function initAjax(){
		//开始初始化XMLHttpRequest对象
		if(window.XMLHttpRequest) { //Mozilla 浏览器
			http_request = new XMLHttpRequest();
			if (http_request.overrideMimeType) {//设置MiME类别
				http_request.overrideMimeType('text/xml');
			}
		}
		else if (window.ActiveXObject) { // IE浏览器
			try {
				http_request = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				try {
					http_request = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (e) {}
			}
		}
		if (!http_request) { // 异常,创建对象实例失败
			window.alert("不能创建XMLHttpRequest对象实例.");
		return false;
		}	
	
	}

比如需要记录某个日志了,在js中可以这样写到:

//get请求
function log(){
		initAjax();//初始化ajax
		var url = "log.do?type=1";	//请求的url地址
		http_request.open("get", url, true); //post请求,true表示异步请求,false表示同步,一般要用异步
		http_request.send(null)//send(String s ) post请求才能设置s的值 get请求就直接null
	}
//post请求
function log(){
		initAjax();//初始化ajax
		var url = "log.do";	//请求的url地址
		http_request.open("post", url, true); //post请求,true表示异步请求,false表示同步,一般要用异步
	        para="id="+id+"&dateStr="+dateStr+"&userName="+userName;
	        para=encodeURI(para);	
                http_request.setRequestHeader("content-length",para.length);
		http_request.SetRequestHeader("content-type","application/x-www-form-urlencoded");
                http_request.send(para)//send(String s ) post请求才能设置s的值 get请求就直接null
	}

 这要就异步请求到后台做处理了。

 

ajax请求结束后,会返回一个responseText

接上面的代码 在同一个方法里。

if (http_request.readyState == 4) { // 判断对象状态
			if (http_request.status == 200) { // 信息已经成功返回,开始处理信息
				
				if(http_request.responseText==null || http_request.responseText=="") return;
				alert(http_request.responseText);
			        // 做相应处理
			}else{
				alert("获取信息失败");
			}
		}
 

补充说明:

encodeURI() 函数可把字符串作为 URI 进行编码。

decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码

 

发送请求的时候,向请求添加 HTTP 头

http_request.setRequestHeader("content-length",para.length);
http_request.SetRequestHeader("content-type","application/x-www-form-urlencoded");

 

分享到:
评论

相关推荐

    ajax 插入记录,删除记录,修改记录

    在这个主题中,我们将深入探讨如何使用Ajax进行记录的插入、删除和修改操作。 **1. Ajax的基本原理** Ajax的核心是JavaScript对象XMLHttpRequest,它允许在后台与服务器进行通信。通过创建一个XMLHttpRequest实例,...

    chrome扩展插件获取ajax请求记录

    4. 当监听到Ajax请求时,将相关信息保存到日志或展示在扩展的UI中。 在开发过程中,还需要注意Chrome的安全策略和权限设置,确保扩展在获取Ajax请求记录时不侵犯用户隐私,并遵循Chrome的扩展开发指南。 总之,...

    基于Ajax的日志自动保存程序

    在日志记录场景中,基于Ajax的日志自动保存程序能实现实时保存用户的操作记录,避免因网络问题或意外关闭导致的日志丢失。 **一、Ajax工作原理** 1. **用户交互**:用户在页面上进行操作,如填写表单、点击按钮等...

    NHibernate 简单例子 加log4.net AJAX

    在这个项目中,开发者通过引入log4.net实现了日志记录,同时结合了AJAX技术以提升用户体验。 【NHibernate】 NHibernate是.NET平台上的一个开源ORM框架,它的主要功能是将.NET类与数据库表进行映射,使得开发者可以...

    AJAX,JDBC,LOG4J 的JAR包

    LOG4J包括三个主要组件:Logger(记录器),负责记录日志信息;Appender(输出器),决定日志信息的输出目的地,如控制台、文件、网络等;Layout(布局),定义日志信息的格式。LOG4J的优点在于其灵活性和可配置性,...

    Laravel框架实现利用中间件进行操作日志记录功能

    本文实例讲述了Laravel框架实现利用中间件进行操作日志记录功能。分享给大家供大家参考,具体如下: 利用中间件进行操作日志记录过程: 1、创建中间件 php artisan make:middleware AdminOperationLog 2、生成了...

    AJAX学习过程记录实例

    **AJAX 学习过程记录实例** 在网页开发中,AJAX(Asynchronous JavaScript and XML)是一种不刷新整个页面即可与服务器交换数据并更新部分网页的技术。它通过JavaScript实现异步通信,使得用户界面更加友好,提升了...

    log4javascript-1.4.1 日志信息记录框架

    **log4javascript-1.4.1:日志信息记录框架** 在软件开发过程中,日志记录是一项至关重要的任务,它能够帮助开发者追踪程序运行时的状态,定位和解决问题。log4javascript 是一个专为JavaScript设计的日志记录框架...

    Js拦截全局ajax请求

    2. 记录日志:记录请求的URL、参数和响应时间,便于性能优化和问题排查。 3. 数据格式转换:根据需求将服务器返回的数据格式化为适合前端使用的格式。 4. 权限验证:在请求发送前检查用户是否有权限访问特定资源。 5...

    基于Ajax的日志自动保存程序Evance修改版

    在日志记录系统中,利用Ajax可以实现用户输入时的实时保存,防止因意外情况导致的数据丢失,提升用户体验。 Evance是一款基于Ajax的日志自动保存程序,其原版设计旨在提供一种无感知的、后台自动保存用户输入内容...

    ajax实现java文件下载

    4. **FileFilter.java**:这个名字可能表示一个过滤器(Filter),在Java Web中,过滤器用于拦截请求,可以实现诸如权限检查、日志记录等功能。在这个场景下,FileFilter可能用于检查用户是否有权下载特定的文件,...

    AJAX局部刷新案例

    例如,在"Stock_log.ldf"这个文件名中,可能包含的是一个股票日志记录,我们可以构建一个AJAX应用,实时更新股票价格或交易记录,而无需刷新整个页面。用户可以看到实时变化的数据,提升交互体验。 另一方面,"Ajax...

    Ajax+Servlet 实例

    根据文件名,它可能是一个特定功能的实现,比如“数据管理器”或“记录日志”的模块。为了保持代码组织,你可以将Ajax请求相关的函数封装在该文件中,以便在整个项目中复用。 例如: ```javascript function ...

    实现Ajax翻页效果

    `page_log.ldf`是SQL Server的日志文件,记录了数据库的事务日志。虽然它不是实现Ajax翻页直接相关的,但在处理大量数据时,理解数据库的日志行为可以帮助优化查询性能。 在前端,Ajax翻页通常通过JavaScript或...

    dwr和ajax技术

    - **commons-logging-1.1.1.jar**:Apache Commons Logging库,用于日志记录,DWR可能使用它来记录运行时信息。 - **jstl.jar**:JavaServer Pages Standard Tag Library的JAR文件,用于JSP页面上的标准标签库,可能...

    AJAX例子 结合ASP.NET

    对于ASP.NET后端,可以通过日志记录或异常处理机制来捕获和记录错误信息,便于调试。 9. **性能优化** 虽然AJAX可以提高用户体验,但过度依赖AJAX可能导致页面过于复杂,影响性能。因此,需要合理设计请求,避免...

    apex,ajax相关资料

    AJAX Toolkit提供了强大的调试功能,包括错误处理机制和日志记录,帮助开发者定位问题并快速修复。 #### 结论 综上所述,Salesforce.com的AJAX Toolkit是一个功能强大且易于使用的工具,它不仅简化了APEX与AJAX的...

    SpringBoot使用Ajax实现登录

    在Spring Boot应用中,使用Ajax实现登录功能是一个常见的需求,它可以提供无刷新的用户体验,...在实际开发中,还需要考虑安全性(如CSRF防护、密码加密等)、错误处理和日志记录等方面,以确保应用的安全性和稳定性。

    php+ajax 图片管理

    9. **错误处理和日志记录**:PHP和AJAX错误处理机制确保了在遇到问题时能够及时反馈给用户,并记录在服务器日志中,方便开发者排查和修复。 10. **性能优化**:通过缓存策略、图片压缩和适当的数据库索引优化,系统...

Global site tag (gtag.js) - Google Analytics