如下使用Ajax 实现异步请求：（以下html中标签省略...）
<script language="javascript" >
var http_request = false;
function send_request(url,poststr) {//初始化、指定处理函数、发送请求的函数
http_request = false;
//开始初始化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;
}
http_request.onreadystatechange = processRequest;
// 确定发送请求的方式和URL以及是否同步执行下段代码
var herf=document.getElementById("tableinfo").value;
$('#tableinfo').val(herf);
var url="http://testservice.bjchs.org.cn:8080/searchjg/index.jhtml?tableinfo="+ $('#tableinfo').val(herf);
http_request.open("get", url, true);
http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
http_request.send(poststr);
}
// 处理返回信息的函数
function processRequest() {
if (http_request.readyState == 4) { // 判断对象状态
if (http_request.status == 200) { // 信息已经成功返回，开始处理信息
document.getElementById("comment").innerHTML = unescape(xmlhttp.responseText);
} else { //页面不正常
alert("您所请求的页面有异常。");
}
}
}
}
</script>
现在用Jquery实现相同的操作
1.先下载Jquery.js类库，将其引入
<script type="text/javascript" src="jquery-1.4.min.js"></script>
<script type="text/javascript">
首先引用样式有三种ID,Class,标签选择器Jquery中借鉴css理念操作DOM
在文本加载中通常<body onload=""> 等同于Jquery中
$("document").read(function()
{
//操作过程，先加载DOM的事件获得DOM节点指定的ID在ID上绑定相应事件
//read中需捆绑函数，通常函数复用性不大或只加载一次时，直接把函数写入其中无需向之前在html中事件捆绑js 的函数名称
$("#ctype").blur(function(){
var ctype=$(this).val();
//Jquery中自带的回调函数无需自定义
$.post("http://testservice.bjchs.org.cn:8080/searchjg/index.jhtml",{tableinfo:"ctype"},,"text/html")
}
)
}
)
</script>
总结：使用Jquery替换Ajax创建实现html中与JS分离并简化JS操作
相关推荐
在本项目"项目一《小米官网》jQuery重构"中，主要目标是对小米官网的前端代码进行优化，使用jQuery库来提升页面交互性和性能。jQuery是一个轻量级的JavaScript库，它简化了DOM操作、事件处理、动画设计以及Ajax交互...
### IT知识点：使用Ajax与jQuery实现文件批量上传 在现代Web开发中，文件批量上传是一项常见且实用的功能，尤其在用户需要一次性上传多个文件（如图片、文档等）的场景中。本文将深入探讨如何利用Ajax与jQuery技术...
本项目聚焦于使用AJAX进行页面重构，特别是实现级联下拉列表，这是一种常见的用户界面元素，常见于地址选择、类别筛选等场景。 在级联下拉列表中，一个下拉框的选择会影响另一个下拉框的选项。例如，当你在第一个...
- **jQuery/Ajax**：使用jQuery简化Ajax操作，如`$.ajax()`或`$.get()`、`$.post()`等方法。 - **模板引擎**：如Handlebars或 Knockout.js，用于动态渲染页面内容。 - **前端路由**：如AngularJS的`$routeProvider`...
10. **前端框架**：现代前端框架如jQuery、AngularJS、Vue.js或React.js提供了更高级的Ajax封装，简化了开发过程。根据项目规模和团队技术栈选择合适的框架。 通过以上知识点的学习和实践，开发者可以有效地将Ajax...
jQuery 1.9.1版本是一个重要的里程碑，它对旧的API进行了清理和重构，移除了一些不推荐使用的函数和方法，以保持库的简洁性和未来发展的兼容性。例如，`.live()`方法在这一版本中被移除，取而代之的是`.on()`和`.off...
基于jquery框架，采用jQuery formValidator表单验证插件。 感谢原作者shaoyun提供程序！修正了分页错误，修改...在ASP jQuery AJAX无刷新评论 v1.0基础上 代码全部重构，完善前台显示，根据网友要求增加后台管理
- **jQuery或Vue.js等库**：这些JavaScript库简化了Ajax的使用，提供了封装好的API，使得开发更为便捷。 - **SOAP或RESTful API**：选择合适的Web Service接口设计风格，根据项目需求来决定是使用更传统的SOAP还是更...
在JavaScript开发领域，jQuery是一个广泛应用的库，它极大地简化了DOM操作、事件处理和Ajax交互。然而，随着jQuery的版本更新，为了保持库的性能和现代化，一些旧的API和功能被废弃。这就给那些依赖旧版jQuery代码的...
- 在1.4版本中，jQuery团队对内部代码进行了重构，提高了DOM操作和选择器的执行速度。这使得开发者在处理大量元素时能够获得更快的响应时间。 2. **API改进**： - 引入了新的API方法，如`$.proxy()`，用于设置...
- 使用jQuery、Vue.js、React.js等库或框架可以简化Ajax调用和DOM操作。 - 使用Promise或async/await处理异步操作，提高代码可读性。 - 考虑缓存策略，如浏览器缓存或客户端存储，减少不必要的服务器请求。 - 对于...
**jQuery 3.1**: 这是jQuery 3.x的主要版本之一，它对jQuery进行了重构，移除了对旧版IE浏览器的支持，提高了对现代浏览器的兼容性和性能。主要更新包括对Promise/A+规范的完全支持，以及对ES6特性的拥抱。 **使用...
在Web开发领域，jQuery是一个不可或缺的JavaScript库，它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本次我们将深入探讨jQuery 1.11.3正式版及其配套的jQuery Migrate 1.2.1工具，了解这两个组件如何为...
5. **AJAX**：jQuery 包含了一整套AJAX函数，如`$.ajax()`, `$.get()`, `$.post()`等，简化了异步数据获取和更新。 6. **插件生态系统**：jQuery拥有庞大的插件生态，可以扩展其功能，满足各种复杂需求，如表单验证...
- **模块化重构**：jQuery 3.x 系列对代码进行了模块化重构，使得开发者可以更方便地按需引入jQuery的部分功能，减少了整体库的大小。 - **更好的浏览器兼容性**：虽然现代浏览器支持了很多原生的JavaScript特性，...
在jQuery 3.0版本中，对API进行了大量重构，旨在提升性能和兼容性。3.3.1作为稳定版本，主要包含以下特性： 1. **浏览器兼容性**：尽管现代浏览器广泛支持ES6特性，但jQuery仍然考虑了旧版IE浏览器，确保广泛的兼容...
jQuery是JavaScript库的一个重要版本，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。在本文中，我们将深入探讨jQuery 1.4.2这一特定版本中的核心特性、改进和优化。 首先，jQuery 1.4.2是...
总结来说，这个压缩包中的每一个jQuery版本都有其独特的价值和意义，它们记录了jQuery从早期到成熟期的发展，也为那些需要特定版本以保持项目兼容性的开发者提供了便利。无论你是想要学习jQuery的历史，还是寻找特定...
jQuery是一个广泛使用的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。jQuery 1.6是该库的一个重要版本，它带来了许多新特性、改进和修复。在这个版本中，开发者可以享受到...