`
chengyu2099
  • 浏览: 471038 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

ajax 基本应用-未封装

    博客分类:
  • AJAX
阅读更多
ServletActionContext.getResponse().getWriter().write(JSONArray.fromObject(browsePhotList).toString());

<!--
	var XMLHR;
	function createXMLHttpRequest()
	 {
		if(window.ActiveXObject){
			try{
				XMLHR=new ActiveXObject("Msxml2.XMLHTTP");
			}catch(e){
				XMLHR=new ActiveXObject("Microsoft.XMLHTTP");
			}
		}
		else if(window.XMLHttpRequest)
		{
			XMLHR=new XMLHttpRequest();
		}
	 }
	
	function MangagePhoto(albumID)
	 {
		createXMLHttpRequest();
	    var url="queryPhoto.action"
	    XMLHR.open("post",url,true);
	    XMLHR.setRequestHeader("content-Type","application/x-www-form-urlencoded");
		XMLHR.onreadystatechange=MangagePhotoCallBack;
	    XMLHR.send("albumID="+albumID);
	 }
	
	function MangagePhotoCallBack()
	 {
		if(XMLHR.readyState == 4)
	     	{
	     		if(XMLHR.status == 200)
	     		{
	     			var result = eval('('+XMLHR.responseText+')');
					var str='<table width="90%"  border="1">';
					//var MangagePhotoPath = document.getElementById('MangagePhotoPath').value;
					for(var i=0;i<result.length;i++)
					{
						str += '<td><table width="140" height="120" border="1"><td width="160">'
						var imageName = result[i];
						str += '<img src= d:\\upload\\'+imageName + ' width="140" height="120">';
						str += '</td></table></td>';
					}
					str += '</table>';

	     			document.getElementById('photoList').innerHTML = str;
	     			document.getElementById('photoList').style.display = '';
	 			}
	 		}
	 }

var XMLHR;
		function createXMLHttpRequest()
		{
			if(window.ActiveXObject){
				try{
					XMLHR=new ActiveXObject("Msxml2.XMLHTTP");
				}catch(e){
					XMLHR=new ActiveXObject("Microsoft.XMLHTTP");
				}
			}
			else if(window.XMLHttpRequest)
			{
				XMLHR=new XMLHttpRequest();
			}
		}
		function ajaxCy()
		{
			var yazzjgbh = document.getElementById('orgn').value;
			alert(yazzjgbh);
			createXMLHttpRequest();
		    var url="<%= contextPath%>/prepareScheme/AjaxGetOrganizedName";
		    XMLHR.open("post",url,true);
		    XMLHR.setRequestHeader("content-Type","application/x-www-form-urlencoded");
			XMLHR.onreadystatechange=processRequest;
		    XMLHR.send("PrepareSchemeOrganizeId="+yazzjgbh);
		}
		function processRequest()
		{
	      	if(XMLHR.readyState == 4)
	      	{
	      		alert('no fan hui ');
	      		if(XMLHR.status == 200)
	      		{
	      			alert('success');
	      			document.getElementById("deptLinkManTel").innerHTML=XMLHR.responseText;
	  			}
	  		}
	  	}




		================
		 response.setContentType("text/html;charset=utf-8");
		 response.getWriter().write(OrganizePersonnelName);
分享到:
评论

相关推荐

    自己用的简单封装AJAX类

    "简单封装,使用简单"意味着这个AJAX类设计的目标是易于理解和应用,可能减少了复杂的配置选项,更注重易用性。 **标签分析:** "AJAX类"标签表明这是一个与AJAX相关的代码实现,可能是一个JavaScript对象或函数,...

    ajax-jquery-demo

    除了基本的Ajax方法,jQuery还提供了几个与Ajax相关的事件,如`ajaxStart`、`ajaxStop`、`ajaxSuccess`和`ajaxError`等,这些事件可以在Ajax请求的不同阶段触发,允许我们进行额外的处理。 **总结** Ajax结合...

    Ajax---简单实例

    **Ajax(Asynchronous JavaScript and XML)**是一种在无需重新加载整个网页的情况下,能够更新部分...同时,随着技术的发展,现代前端框架如React、Vue等也提供了更高级的Ajax封装,使得异步数据交互变得更加便捷。

    ajax-xml-aspnet读存数据基础代码

    - **返回响应**:服务器处理完请求后,可以将结果封装成XML格式,然后通过Ajax响应返回给客户端。客户端的JavaScript代码会监听这个响应,并根据返回的XML数据更新页面内容。 **3. ASP.NET中的XML处理** 在ASP.NET...

    AJAX框架 --- dojo

    它提供了面向对象的编程模型,丰富的Widget集合,以及高效灵活的AJAX控制,帮助开发者构建高性能、用户体验良好的Web应用程序。通过深入学习和实践Dojo,开发者可以提升JavaScript开发技能,提高工作效率。

    java中对ajax经典封装

    "ajax封装2_files"、"ajax基本封装_files"和"ajax封装3_files"很可能包含了示例代码的HTML、CSS和JavaScript文件。这些文件可能包含用于演示Ajax请求的按钮、表单和结果显示区域,以及处理Ajax响应的JavaScript函数...

    ajax代码及简单封装

    本篇文章通过对给定的AJAX代码及其封装方法的解析,深入探讨了AJAX技术的基本原理和实现方式。了解这些核心概念和技术细节有助于开发者更好地掌握AJAX,并将其应用于实际项目中。在.NET平台下,利用AJAX可以极大地...

    Ajax-Basics-2.pdf

    这些知识点涵盖了Ajax的基本原理、数据发送方式、Ajax工具包及库的应用以及资源推荐,旨在帮助读者理解并掌握Ajax技术在现代Web开发中的应用。 ### Ajax:基本概念 Ajax(Asynchronous JavaScript and XML)是一种...

    jquery ajax方法的再封装

    通过学习和理解这个文件,你可以进一步提升对Ajax请求封装的理解和应用。这可能包括了对并发请求的管理,对请求参数的预处理,或者是更复杂的错误处理机制。 总结一下,`$.ajax()`的再封装主要目的是提高代码的...

    web ajax 的使用 js封装

    综上所述,学习和掌握AJAX的使用以及JavaScript的类库封装,不仅需要理解JavaScript的基本概念,还需要熟悉面向对象编程原理、设计模式以及实际项目中的实践经验。通过阅读和理解提供的文档,开发者可以深入理解AJAX...

    ASP.NET AJAX程序设计--第II卷_客户端Microsoft AJAX Library与异步通信层.zip

    ASP.NET AJAX程序设计是开发高效、交互性强的Web应用程序的关键技术。它结合了微软的ASP.NET框架和AJAX(Asynchronous JavaScript and XML)技术,旨在提供更流畅的用户体验,通过在后台异步处理数据,避免页面完全...

    ajaxTest 实用简单封装

    总结,AjaxTest的实用简单封装主要涵盖了Ajax的基本操作,包括GET和POST请求,以及同步和异步提交方式。通过封装这些功能,开发者可以快速地在ASP.NET环境中构建交互性强、用户体验良好的网页应用。

    ajax初级基本应用

    对于初级学习者来说,了解并掌握Ajax的基本应用是迈进Web开发高级领域的基础。 ### 1. Ajax工作原理 Ajax的核心是JavaScript对象XMLHttpRequest,它允许JavaScript在后台与服务器进行通信。工作流程包括以下四个...

    Ajax技术介绍及应用.pdf

    - **充分利用客户端资源**:Ajax能够利用客户端未使用的计算能力,提高整体性能。 - **进一步促进呈现和数据的分离**:使得前端设计更加灵活,易于维护。 - **标准化实现**:完全基于标准化技术实现,无需用户安装...

    原生js的AJAX封装以及实例展示.zip

    这个压缩包"原生js的AJAX封装以及实例展示.zip"包含了对AJAX的简单封装以及一个具体的增删改查(CRUD)操作实例,这将帮助我们深入理解如何在实际项目中应用AJAX。 首先,让我们了解一下AJAX的基本原理。AJAX的核心...

    经典的AJAX(封装好)

    AJAX(Asynchronous ...这些是AJAX的基本概念和核心知识点,但实际应用中可能还需要结合DOM操作、模板引擎、路由管理等技术,构建出复杂的单页应用程序(SPA)。学习和理解这些概念对于提升Web开发技能至关重要。

    ajax手写代码应用

    1. **Ajax的基本原理** Ajax的核心是XMLHttpRequest对象,它允许JavaScript在后台与服务器进行通信。通过创建XMLHttpRequest实例,设置请求参数,发送请求,并处理服务器返回的数据,实现页面局部刷新。 2. **Ajax...

    简单封装Ajax

    【简单封装Ajax】这篇文章主要探讨的是如何在JavaScript中对原生的XMLHttpRequest对象进行简单的封装,以便于在实际开发中更方便地进行异步数据请求。在Web开发中,Ajax(Asynchronous JavaScript and XML)是一种...

    JavaScript-初识ajax、ajax封装、及json简单实战案例(下).pdf

    Ajax基本原理** Ajax的核心是XMLHttpRequest对象,它允许JavaScript在后台与服务器进行通信。通过创建XMLHttpRequest对象,设置HTTP请求方法(GET或POST)、URL以及请求头,然后调用open()和send()方法发送请求。...

    ajax应用个人总结

    总的来说,这个Ajax应用展示了如何使用jQuery和ASP.NET进行前后端数据交互的基本流程。前端通过Ajax发送POST请求,后台接收到请求后处理数据并以JSON格式返回,前端再根据返回数据更新页面内容。这种技术提高了用户...

Global site tag (gtag.js) - Google Analytics