<SCRIPT language=JavaScript>
<!--
function myajax(ajaxurl){
$('#LoadingStatus').show();//显示load状态条,以体现数据正在load
//下面是强大的jQuery $.ajax对象。
//url即为即将获取数据的那个地址,请不要跨域(如你的ajax网页的域是http://www.host1.com你的ajax将请求的url是http://www.host2.com则为跨域,这样的请求将返回错误)
$.ajax({url: ajaxurl,
type: 'GET',
dataType: 'html',//html or xml返回的数据是html还是xml对象
timeout: 20000,//超时时间设置,这里我们设置的是20秒 20 000毫秒
error: function(){alert('error');$('#LoadingStatus').hide(2000);
//如果请求错误如何处理
//我们例子中的处理是:如果出现错误,则提示错误,然后隐藏load状态跳
},
success: function(html){
//请求成功的处理
//如果请求成功:1.隐藏load条 2.将请求的数据写入到div中。
// do something with xml
$('#LoadingStatus').hide(2000);
$('#detail').html(html);
}
});//end of ajax
}
//-->
</SCRIPT>
<DIV id=LoadingStatus style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; DISPLAY: none; Z-INDEX: 1000; BACKGROUND: red; FLOAT: right; BORDER-LEFT: #000 1px solid; WIDTH: 100px; COLOR: #fff; BORDER-BOTTOM: #000 1px solid">Loading...</DIV>
<DIV id=detail style="BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; WIDTH: 100px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 100px"></DIV>
<INPUT id=url name=url jQuery1223961413640="2">
<INPUT onclick="myajax($('#url').val());" type=button value=load jQuery1223961413640="3">
分享到:
相关推荐
《jQuery与Ajax学习指南》是一本专为初学者和有一定JavaScript基础的开发者设计的电子书,旨在帮助读者深入理解和熟练掌握这两个在实际Web开发中不可或缺的技术。jQuery是一个强大的JavaScript库,它极大地简化了DOM...
### 从Ajax到jQuery Ajax的学习 #### Ajax技术基础 **Ajax**(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术通过在后台与服务器进行少量数据交换,...
**jQuery AJAX分页技术详解** ...对于初学者,这个实例是学习和理解AJAX分页的宝贵资源,而对于经验丰富的开发者,它则提供了灵感和参考。在实践中不断探索和优化,将能创造出更多适应不同场景的分页解决方案。
【ASP + jQuery AJAX 实例源码详解】 ASP (Active Server Pages) 是微软开发的一种服务器端脚本语言,常用于构建动态网页。jQuery 是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画以及AJAX交互。AJAX...
在这个"JqueryAjax简单实例"中,我们主要关注如何在Visual Studio 2005 C#环境下利用jQuery实现AJAX的功能。首先,我们需要确保项目中已经引入了jQuery库。这通常通过在HTML头部添加jQuery库的CDN链接或者将jQuery....
在这个"html静态页JQuery ajax示例demo 源码"中,我们可以深入学习和理解AJAX在C# ASP.NET环境下的应用。 首先,AJAX(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下,能够更新部分网页的...
**jQuery AJAX简易计算器** 在Web开发中,动态交互是提升用户体验的重要手段,而jQuery的AJAX功能正是实现这种交互的核心技术。本项目“jQuery AJAX简易计算器”旨在展示如何利用jQuery库与服务器端进行异步数据...
通过深入学习和实践jQuery AJAX,开发者能够构建更加动态、高效的Web应用。传智播客的课件提供了丰富的实例和讲解,对于初学者来说,是一个很好的学习资源。在实践中不断探索,你将能够熟练掌握这一强大的工具。
标题为“Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用”,描述则是“Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用实现代码,需要的朋友可以参考下。...
在标题“vue基本环境+jquery ajax应用”中,我们可以理解为这个压缩包可能包含了一个基本的Vue开发环境,并展示了如何结合jQuery的AJAX功能来处理数据请求。 Vue的基本环境通常包括Vue的核心库、Vue CLI(命令行...
JQuery是一个轻量级的JavaScript库,简化了DOM操作、事件处理、动画制作以及AJAX交互。在本例中,JQuery可能被用来处理用户界面的交互,如表单验证、按钮点击事件、无刷新分页等,提高了前端用户体验。 **Ajax技术*...
"利用Ajax+Jquery实现异步进度条效果"这个主题正是围绕这一目标展开,它涉及到C#后端开发、.NET框架、Ajax技术以及Jquery库的前端应用。下面将详细阐述这些知识点。 首先,C#是一种面向对象的编程语言,广泛应用于...
本示例"Jquery跨域Ajax请求测试"将详细讲解如何利用jQuery实现这一功能。 首先,了解同源策略是理解跨域问题的关键。同源策略是浏览器为了保障用户安全而设定的一项机制,它规定了只有来自同一协议、同一域名和同一...
**jQuery和Ajax技术详解** jQuery是一款非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理以及Ajax交互。...通过学习和实践这些基本的Ajax功能,开发者能够构建出更加动态和响应式的网页应用。
2. JQueryAjax教程讲解.ppt:这可能是关于使用jQuery进行AJAX请求的详细讲解,包括$.ajax()函数,$.get()和$.post()方法的使用,以及如何处理回调函数。 3. Jquery(很好的PPT教程-技术较为全面-分享给大家).ppt:这...
在IT行业中,jQuery和AJAX是两个非常关键的前端技术,它们极大地简化了网页与服务器之间的数据交互。本文将深入探讨一个完整的jQuery+AJAX传输请求的实例,旨在帮助开发者理解如何有效地使用这两种技术实现异步数据...
JQuery在执行Ajax的过程中会触发很多事件。 这些事件可以分为两种事件,一种是局部事件(Local),一种是全局事件(Global)。 局部事件:可以通过$.ajax来调用,你某一个Ajax请求不希望产生全局的事件,则可以设置...
**一、jQuery与Ajax基础** jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理和AJAX交互。Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下与服务器进行数据交互,提高页面...
#### jQuery Ajax概念和使用 jQuery中的Ajax功能提供了一种在不重新加载页面的情况下与服务器交换数据并更新部分页面内容的方式。它是一种强大的技术,可以让Web页面具有更加动态和响应式的用户体验。Ajax调用可以...
根据给定文件的信息,我们可以提炼出一系列与 jQuery 相关的知识点。这些知识点涵盖了 jQuery 的基本用法、DOM 操作、CSS 样式调整...通过上述知识点的学习,你可以更高效地利用 jQuery 来构建现代化的 Web 应用程序。