AJAX(阿贾克斯)的简单应用】的更多相关文章

var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); //创建XMLHTTP对象,考虑兼容性 xmlhttp.open("POST", "AJAXTest.ashx?" + "i=5&j=10", true); //“准备”向服务器的GetDate1.ashx发出Post请求(GET可能会有缓…
1.什么是Ajax? Ajax是Asynchronous JavaScript and XML 的缩写,即异步的Javascript和XML. 可以使用Ajax在不加载整个网页的情况下更新部分网页信息. Ajax以XMLHttpRequest对象为核心,结合了Javascript.DOM.CSS的新技术. Ajax的主要特征是异步发送请求以及动态加载相应数据. 2.Ajax应用的处理流程: 使用JavaScript脚本创建XMLHttpRequest对象 使用  XMLHttpRequest对象…
hey,guys!今天我们一起讨论下ajax吧!此文只适合有一定ajax基础,但还是模糊状态的同志,当然高手也可以略过~~~ 一.概念 Ajax(Asynchronous Javascript + XML(异步JavaScript和XML )) 二.效果 实现无刷新效果,向后台异步的取数据(不是只有AJAX才能实现这样的效果的哦,如img , script标签中的src属性也可以实现一样的效果,可以自己尝试一下哦) 三.本质 可能我们在学习过程中会觉得ajax好难,我也是这样过来的,我觉得是我们…
Ajax全名(Asynchronous(异步) JavaScript and XML )是可以实现局部刷新的 在讲AJax之前我们先用简单的实例说一下同步和异步这个概念 /*异步的概念(就是当领导有一个吩咐  让秘书去叫小李,秘书就去叫小李了,而领导接着做自己的事),而不是什么也不做就等着秘书告诉老板小李来了 具体的异步概念是这样的: 就是后台与界面可以进行数据交互,而界面则可以继续保持一直跟用户交互而不受影响.反之就是同步的概念喽*/ /*领导就相当于(客户端,浏览器) 而秘书就相当于XHR(…
<!-- Struts2的xml文件配置 --><struts> <package name="default" namespace="/" extends="json-default" > <!-- 这里必须要继承json-default类 --> <action name="JsonAction" class="com.simpleton.demo.actio…
昨天写了一篇关于监视页面动态生成元素问题的文章,引起了一些小小的争议,不过我从中学到了很多.文章在这,<jQuery下实现等待指定元素加载完毕>当然 动态生成的节点元素 分很多种情况,这里我们只分析ajax取得数据后生成元素问题. 昨天有大侠在下面评论,我学到了两种方法,一是 ajaxSuccess 来监听,二是 DOMNodeInserted 来监听,最终我选择了 ajaxSuccess 而不打算用 DOMNodeInserted .不是因为 DOMNodeInserted 不好,这个方法还…
今天做前端页面要用到树结构,用了第三方插件ztree,搞了好久不过终于弄出来了,, 一点小心得.(用的版本 V3 ) 首先看下载的文件结构: 一:将要用到的CSS 和 JS 拷贝到工程中,我这里在工程中建一个文件夹ztreeStyle专门放ztree插件所需要的文件,里面可能有些文件用不上吧,但是我也不去深究了 刚接触  以后有时间在慢慢细化吧! 二:下面是action代码了,,非常之简单一目了然. //此方法是当第一次进页面的时候为父节点赋值, 为了测试里面写的都是些死数据, @Request…
一.代码示例 关于Ajax的基本概念(包括XMLHttpRequest对象及其相关方法属性)移步这里(w3school中文版)学习了解. <!doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title>使用Ajax异步加载数据</title> <script type = "text/javasc…
数据的封装处理主要展现在JS中,在页面里面引入封装的JS, "js/ajax.js" 简单封装将get和post方法都写入,get的方法和post的方法依然需要严格区分,包括type类型也要严格书写: function ajax(method, url, data, success) { //命名方法 var xhr = null; try { xhr = new XMLHttpRequest(); } catch (e) { xhr = new ActiveXObject('Micr…
页面部分源码: <li class="paginItem"><a href="javascript:getNewsList(2);">2</a></li> javascript部分: function getNewsList(page){ $.ajax({ //提交数据的类型 POST GET type:"POST", //提交的网址 url:"ajax_handle?method=get…