`
hybxiaodao
  • 浏览: 244711 次
  • 性别: 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");

 

分享到:
评论

相关推荐

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

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

    Ajax-tracy.zip

    友好的设计、日志记录、探查器、调试ajax调用或cli支持等高级功能。你会喜欢的。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小...

    memcache+ajax的简单聊天室

    log文件,用来记录一些基本的set和get chat_add_ajax.php chat_get_ajax.php index.php init.php 初始化文件,用来配置 session_start(); ini_set('display_errors',0); date_default_timezone_set(); 使用方式: ...

    Ajax设计模式.rar

    对于调试,我建议用firefox浏览器的自带调试工具来调试,它真的是一个不错的调试工具,它能让AJAX更容易理解,特别是它的调试日志记录了每个AJAX的请求信息。 本文章,我们将利用AJAX来设计一些组件做为我们交流的...

    AJAX个人站点整站源代码

    /errlog.txt 调试记录日志 /favicon.ico 网站收藏夹图标 /function.asp 后台数据处理模块文件 /index.htm 前台用户界面文件 /readme.txt 本文件 2.框架结构 FrontEnd User Interface: index.htm => FrontEnd JS: ...

    jsf_ajax_hibernate_jdbc_mysql_dwr演示视频

    该资源使用了众多的java软件开发项目用到的基本内容,包含jsf,ajax技术,hibernate映射,log4j记录日志和dom4j解析xml以及使用的dwr使用的ajax技术以及基本的ajax应用,数据库使用的是mysql。演示的是用户注册系统,...

    glide-http-log-adapter:通过 ajax http 请求将消息记录到外部服务

    通过 ajax http 请求将消息记录到外部服务的 JavaScript 记录器。 请求采用 JSON 格式,可以处理跨域请求。 安装 npm install glide-http-log-adapter --save 配置 RequireJS 的最小配置是必需的。 RequireJS ...

    其他类别检测JSP服务器内存的Ajax程序-systemjc.rar

    此外,这个文件包还可能包含一些额外的功能,如内存使用的历史记录、报警阈值设置以及日志记录等,这些功能可以帮助管理员更全面地了解服务器的运行状况,并在必要时采取措施进行优化。总之,这个

    httpWatch,页面监控,ajax调试工具,网页数据分析工具

    HttpWatch (网页数据分析工具)...只需要选择相应的网站,软件就可以对网站与IE之间的需求回复的通讯情况进行分析并在同一界面显示其相应日志记录。每一个HTTP记录都可以详细的分析其 Cookies、消息头、字符查询等信息。

    log-manager:分层日志记录+多个附加程序-Ember.js日志记录的基础

    附加程序将日志转换为控制台条目,文件条目,ajax发布...等。您可以有多个附加程序,并且可以将附加程序分配给特定的记录器。 附加器遵循分层模型(父级的附加器将应用于其子级)。 添加一个追加器 添加附加程序时...

    java查看sun包源码-LogWeb:高性能在线记录日志系统(支持集群管理)

    高性能在线记录日志系统(支持集群管理) 初始数据库:日志系统在设计初就考虑到了方便部署的方案。可分为三步。 第一步:配置好数据库连接信息(db.DB.config.xml),只须一个空的数据库即可。 第二步:运行日志服务...

    jQuery ajax调用WCF服务实例

    这里把实现简单地记录以便马克一下,以后忘了就看这篇日志来作弊。 一、更改WCF服务的配置 默认情况下,WCF服务是不允许使用HTTP请求来访问的。我们需要将WCF服务的配置文件(注意如果有其他启动WCF服务的项目应该...

    minilog:具有Stream-API后端的轻量级客户端和服务器端日志记录

    小日志 带有Stream-API后端的轻量级客户端和服务器端日志记录 特征 在浏览器和服务器上均可使用 Node控制台输出和Chrome控制台(带有后备)的主题 ... v3.0将ajax记录器的POST有效负载从换行符分隔的JSON行更改为哈希{

    我记录.net 开发框架

    “我记录”开发框架(wojilu framework) 是 .net 平台下的综合开发框架,主要用于 w e b 方 面的快速开发 【框架包括】 1、一个持久层框架 w ojilu ORM 2、一个依赖注入框架 w ojilu IOC 3、一个W e b开发框架 w ...

    我记录 内容管理系统 CMS源码

    专为我记录框架定做的日志系统,简单易用 wojilu json 我记录的缓存组件和配置组件,全部使用 json 进行持久化,是系统的重要组成部分。 wojilu ajax 1、提供了最常用的弹窗、表单验证、菜单等内容; 2、基本...

    network:提供了一系列发送 AJAX 请求的方法和配置

    network.ping(url, params)伪造一个图片请求去请求 url,并传递相关参数,用于实现无需得到响应的简单请求,如记录前端统计日志、错误日志等。var net = require('network');[removed] = function (msg, file, line)...

    jsnlog:.Net的JSNLog。 将jsnlog.js客户端日志记录与.Net服务器端组件相结合,以接收日志消息并将其传递给服务器端日志记录包。 在web.config中配置记录器

    日志该软件包在服务器端日志中记录JavaScript错误,AJAX超时和其他客户端事件。 有以下版本: 达网络-记录客户端事件到ELMAH,log4net的,NLOG,Serilog和Common.Logging(; ) Node.Js-将客户端和服务器端事件都...

    Log4j教程

    公司和企业在做项目的时候,工程师经常要用到的记录日志工具,此教程比市场上的要详细的多,特意分享给大家,希望一起学习快乐!!!

    asp.net mvc模式jQuery模仿GridView实现及日志处理

    该资源架构为微软MVC2.0。如果VS2008需打SP1补丁。 本来目的出于解决日志处理。...二位站点log_ui下,通过Filters实现页面访问及异常日志记录 界面通过jQuery及Ajax,实现模仿GridView效果,整个页面无刷新

Global site tag (gtag.js) - Google Analytics