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

我自己编写的AJAX请求函数

 
阅读更多
	//根据URL获取文件名,可作为每页的唯一标识
	window.hbh.getUrlName=function(url){		
		var wz1=url.lastIndexOf("/");
		var wz2=url.lastIndexOf(".");
		return url.substring(wz1+1,wz2);
	}
	//AJAX异步请求,将内容中的JS写在HEAD中,使JS内容生效,将剩下的HTML代码返回
	window.hbh.ajax=function(url,callback){
		var xmlhttp;
		if (window.XMLHttpRequest){
			xmlhttp=new XMLHttpRequest();
		}else{
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		xmlhttp.onreadystatechange=function(){
			if (xmlhttp.readyState==4 && xmlhttp.status==200){
				var data=xmlhttp.responseText;
				var htmlCode=data.replace(/<script[^>]*>([\s\S]*?)<\/script>/mgi,"");
				callback(htmlCode);				
				if(htmlCode!=data){
					var dialogId=hbh.getUrlName(url);
					if(!document.getElementById(dialogId+"Js")){
						var script=document.createElement("script");
						script.type='text/javascript';
						script.id=dialogId+"Js";
						script.text=data.replace(/[\s\S]*?<script[^>]*>([\s\S]*?)<\/script>[\s\S]*?/mgi,"$1");
						document.getElementsByTagName('head')[0].appendChild(script);
					}
				}				
			}
		}		
		xmlhttp.open("GET",url,true);
		xmlhttp.send(null);
	}

 

分享到:
评论

相关推荐

    HTML使用极简的方式通过ajax请求实现前后端交互代码实现

    jQuery是一个强大的JavaScript库,它简化了DOM操作,事件处理,动画效果以及,当然,包括AJAX请求。使用jQuery的$.ajax()函数,我们可以轻松地发起异步请求: ```javascript $.ajax({ url: 'your_server_endpoint'...

    js实现ajax通用函数

    在Ajax请求中,我们可能会遇到需要根据用户语言设置获取不同语言版本数据的情况,这时`doi18n.js`可能就是用于处理这部分逻辑的。不过由于没有具体的代码内容,无法提供详细的分析。 总的来说,通过创建一个`...

    按钮的Ajax请求时一次点击两次提交的解决方法

    这是因为如果未正确处理,一个简单的按钮点击可能会导致Ajax请求和表单提交同时发生,造成不期望的重复提交问题。 当使用HTML表单提交数据时,点击类型为submit的按钮默认会触发表单的提交。在使用JavaScript的Ajax...

    原生JS写Ajax的请求函数功能

    标题中提到的"原生JS写Ajax的请求函数功能"指的是使用JavaScript原生语言编写发送和接收HTTP请求的函数,这一过程通常被称为Ajax(Asynchronous JavaScript and XML)。Ajax使得网页可以在不重新加载整个页面的情况...

    ajax中后台请求函数源代码

    附件中的代码把异步请求包装成为update函数,举例: update(myDivObj,"myUrl","Post Params"); 这样,服务器端的"MyUrl“的返回结果就会自动写到myDivObj中了。第三个参数使用Post方法传递的信息。

    springMVC使用Ajax请求数据

    在SpringMVC中,Ajax请求通常涉及到以下几个关键步骤: 1. **前端准备**: - 首先,你需要在HTML页面中引入jQuery库,因为它是广泛使用的JavaScript库,提供了方便的Ajax函数。 - 在HTML元素上添加事件监听器,...

    jQuery-ajax-用户名异步请求

    在这个示例中,`$.ajax()`是jQuery提供的核心Ajax函数。我们设置了`url`参数为服务器端处理请求的脚本,通常是一个PHP、Python、Node.js或其他后端语言编写的接口。`type`参数设置请求类型为POST,因为可能涉及到...

    Ajax请求详解

    ### Ajax请求详解 #### 一、简单的Ajax请求 Ajax(Asynchronous JavaScript and XML)是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新,这意味着可以在不重新...

    jQuery中ajax请求后台返回json数据并渲染HTML的方法

    jQuery中的AJAX请求是一种非常常见的前端异步数据交互方式,它的作用是使得页面无需重新加载即可向服务器请求数据,并将数据动态地加载到页面中。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它...

    基于JSON的AJAX请求案例

    **基于JSON的AJAX请求案例** 在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种在不重新加载整个页面的情况下更新部分网页的技术。而JSON(JavaScript Object Notation)是轻量级的数据交换格式,它使得...

    Java+servlet+jsp页面ajax请求

    - 编写AJAX函数,调用XMLHttpRequest对象进行异步请求。 - 在JSP中适当位置插入AJAX调用,如按钮点击事件触发AJAX请求。 - 将Servlet返回的数据动态插入到HTML元素中,更新页面。 通过以上步骤,我们可以在Java ...

    ajax跨域请求WebService.asmx

    【Ajax跨域请求WebService.asmx】是一个常见的Web开发技术应用场景,主要涉及到JavaScript的Ajax技术、C#编程语言以及ASP.NET的WebService组件。Ajax(Asynchronous JavaScript and XML)是一种在不刷新整个页面的...

    ajax请求后台接口数据与返回值处理js的实例讲解

    本文将详细讲解如何使用JavaScript和jQuery库来发起AJAX请求,获取后台接口数据,并根据返回值进行处理。 知识点一:AJAX的基本概念 AJAX(Asynchronous JavaScript and XML)是异步JavaScript和XML的简称。它不是...

    jquery AJAX 回调函数取JSON成功代码

    `success`函数是回调函数,当AJAX请求成功且服务器返回数据后,这个函数会被调用。在这里,我们打印出接收到的数据,并遍历JSON对象,将其内容添加到一个ID为'output'的元素中。如果请求过程中发生错误,`error`函数...

    Ajax请求验证用户名问题

    为了实现Ajax请求,开发者需要在JavaScript中编写以下步骤: 1. 创建XMLHttpRequest对象。 2. 配置请求,包括URL(指向服务器端的Struts Action),HTTP方法(通常是GET或POST)以及可能的请求头。 3. 发送请求,...

    HTML+AJAX(手写ajax)显示数据库数据

    在C#后端,我们需要创建一个Web服务或API控制器来处理AJAX请求。这个服务应该能从数据库查询数据,然后以JSON或XML格式返回。C#的ADO.NET库可以用来连接到数据库并执行SQL查询。一旦数据被检索到,可以使用`System....

    Ajax自己写的js异步请求方法

    ### Ajax自己写的JS异步请求方法 #### 一、引言 在Web开发中,异步请求是一项非常重要的技术,它允许网页在不重新加载整个页面的情况下与服务器进行交互,从而提升用户体验。其中,Ajax(Asynchronous JavaScript ...

    ajax跨域请求

    前端代码中使用了jQuery库来简化AJAX请求的编写。这里通过`$.ajax()`方法发起了一个GET类型的跨域请求。需要注意的是,为了支持跨域,必须设置`dataType`为`jsonp`,并且指定`jsonp`参数来告诉jQuery期望的回调函数...

    jQuery实现的Ajax函数(已测试)——ASP

    这个函数是jQuery进行Ajax请求的基础,可以处理所有类型的HTTP请求。其基本语法如下: ```javascript $.ajax({ url: '服务器端脚本地址', type: 'GET'或'POST', dataType: 'json'或'html'等, data: {参数}, ...

Global site tag (gtag.js) - Google Analytics