Ajax学习笔记2之使用Ajax和XML

ajax学习笔记(原生js的ajax)

ajax是一个与服务器端语言无关的技术,可以使用在任何语言环境下的web项目(如JSP,PHP,ASP等). ajax优点: 1) 页面无刷新的动态数据交互 2) 局部刷新页面 3) 界面的美观 4) 对数据库的操作 ajax使用第一步:创建ajax引擎(获取XMLHttpRequest对象) 不同浏览器内核,获取XMLHttpRequest对象方法不一样.所以在创建ajax引擎之前需要先判断浏览器内核. 主流浏览器内核有:IE浏览器,火狐浏览器(Firefox) 创建方法一: var xml…

Ajax学习笔记2之使用Ajax和XML

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Using Ajax with XML</title> <script src="../js/jquery-1.4.1.js" type="text/javascript"></script> <script type="text/javascr…

Ajax学习笔记之一----------第一个Ajax Demo[转载]

原文地址: http://www.cnblogs.com/pjx412/archive/2011/05/04/2037014.html 一.核心推动力:XMLHttpRequest对象XMLHttpRequest对象在javascript 中创建并使用,客户端可以仅仅从服务器端获取它需要的信息:通过与DOM和CSS的结合,就可以实现局部刷新的效果:同时还可以通过XMLHttpRequest对象异步提交信息,将用户的输入在后台提交到服务器所在而无需刷新这个页面. XMLHttpRequest催…

AJAX学习笔记——jQuery中的AJAX

用jQuery实现Ajax jQuery.ajax([settings]) 1.type:类型, "POST"或"GET" ,默认为"GET" 2.url :发送请求的地址 3.data:是一个对象,连同请求发送到服务器的数据(主要是POST请求使用) 4.dataType :预期服务器返回的数据类型.如果不指定, jQuery将自动根据HTTP包MIME信息来智能判断,一般我们采用json格式,可以设置为"json" 5.…

AJax 学习笔记二(onreadystatechange的作用)

AJax 学习笔记二(onreadystatechange的作用) 当发送一个请求后,客户端无法确定什么时候会完成这个请求,所以需要用事件机制来捕获请求的状态XMLHttpRequest对象提供了onreadyStateChange事件实现这一功能.这类似于回调函数的做法.onreadyStateChange事件可指定一个事件处理函数来处理XMLHttpRequest对象的执行结果,如: 复制代码代码如下: ajaxObj=createAjaxObject(); var url="/MyTod…

jQuery学习笔记之jQuery的Ajax（3）

jQuery学习笔记之jQuery的Ajax(3) 6.jQuery的Ajax插件源码地址: https://github.com/iyun/jQueryDemo.git ---------------------------- 6.0 jQuery ajax 浏览器给我们提供的XMLHttpRequest的作用是来发送http请求. js代码发送一个http的请求 XMLHttpRequest的四步:创建对象.注册监听.建立连接.发送数据异步交互的6个方法(发送http请求) ajax()…

Django学习笔记（14）——AJAX与Form组件知识补充（局部钩子和全局钩子详解）

我在之前做了一个关于AJAX和form组件的笔记,可以参考:Django学习笔记(8)——前后台数据交互实战(AJAX):Django学习笔记(6)——Form表单我觉得自己在写Django笔记(8)的时候,我只是对AJAX有个粗略的了解,就明白其两大优点,局部刷新和异步交互.Form组件知识虽然大多数都明白了,但是对局部钩子和全局钩子还不是很清楚.留了个坑,所以在以后的学习中,肯定会再遇到. 现在,我感觉自己将关于AJAX和Django的数据交互这部分了解清楚了,而且将Form组件的钩子也理…

Ajax学习笔记demo

AJAX学习 AJAX简介: 全称:Asynchronous JavaScript and XML (JavaScript执行异步网络请求(JS和XML)),通过AJAX可以在浏览器向服务器发送异步请求优势:无刷新获取数据使命:在asp.net mvc中为了降低Controller与View的耦合性,同时提高服务器的性能,实现真正的前后端分离,通过Ajax发送请求,当服务端接受该请求后将处理的数据通过JSON数据格式返回给视图,最后通过浏览器渲染呈现给用户. 工作原理流程图: 注意:AJAX…

Jquery ajax 学习笔记

本人的js & jq 一直是菜鸟级别,最近不忙就看了看ajax方面的知识,文中部分内容参考自这里&这里之前一直用js写ajax现在基于jq实现方便多了~ $.get & $.post 和 $.ajax的区别之前看过同事写过$.post,而我一直用$.ajax,后来才知道$.get()和$.post()都是通过get和post方式来进行异步,$.ajax()说是jquery最底层的ajax实现的,这里我们使用$.ajax的方式实现. 调用无参方法 1 2 3 4 5 6 7 8…

Ajax学习笔记1之第一个Ajax应用程序

代码 <head> <title>An Ajax demo</title> <script src="../js/jquery-1.4.1.js" type="text/javascript"></script> <script type="text/javascript"> //XMLHttpRequest对象:初始化为false; var XMLHttpRequestOb…

Ajax学习笔记(二)

二.prototype库具体解释 1.prototype库的使用 //导入下载好的prototype.js文件 <script type="text/javascript" src="prototype.js"></script> //在自己的js中直接使用Prototype对象 <script type="text/javascript"> document.writeln("Prototype库的…

Ajax 学习笔记

什么是 AJAX ? AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面. 有很多使用 AJAX 的应用程序案例:新浪微博.Google 地图.开心网等等. ajax代码讲解(html页面文件): <!DOCTYPE html PUBLIC &qu…

AJAX 学习笔记 2017_05_04

1.使用 AJAX 修改该文本内容 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getSer…

JQuery学习笔记（4）——ajax

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML) 原生例子点击按钮,访问服务器上的ajax_info.txt文件,获得txt文件的内容,并修改显示的文本 <!DOCTYPE html> <html> <head> <script> var xmlhttp;//xmlhttp对象 function loadXMLDoc(url,cfunc){ //不同的浏览器,或得xmlhttp对象所…

JS 学习笔记（二）Ajax的简单使用

使用Ajax访问本地TXT文件 ajax.js // 创建请求对象 var ajax = new XMLHttpRequest(); // 建立连接 ajax.open('get', 'test.txt'); // 发送请求 ajax.send() // 监听结果 ajax.onreadystatechange = function () { // readyState 状态值 status 状态码 if (ajax.readyState == 4 && ajax.status == 20…

Ajax学习（一）——与Ajax的初次相识

AJAX是"Asynchronous Javascript And XML"的缩写,从字面上解释是"异步JavaScript和XML"的简称. 它不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术.它也不是一项单一的技术,而是多个技术的集合.Ajax不只包含 JavaScript 和XML, 还包含HTML.XHTML.DOM.CSS.XSTL.XMLHttpRequest等技术. 在Ajax出现之前,早就使用HT…

Ajax学习总结（1）——Ajax实例讲解与技术原理

摘要:AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.AJAX 是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新.解决传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面. 一.Ajax技术与原理 1.1.Ajax AJAX = Asynchro…

基于PHP的AJAX学习笔记（教程）

本文转载自:http://www.softeng.cn/?p=107 这是本人在学习ajax过程所做的笔记,通过本笔记的学习,可以完成ajax的快速入门.本笔记前端分别使用原生态的javascript语言和jQuery语言,服务器端使用PHP语言. 一.基础知识 1.创建XMLHttpRequest对象(不同的浏览器获取XMLHttpRequest方法不同) //创建ajax引擎 function getXMLHttpRequest() { var xmlhttp; try { //Firefo…

ajax学习笔记1

ajax是什么? ajax即“Asynchronous Javascript + XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.能够快速的从服务器获得所需数据和内容,实现局部刷新让用户能够更好的浏览网站.在没有ajax的时候,网页提交表单必须进行等待和刷新,这时用户必须等待服务器的响应,用户在当前页面不能做其他事情.自从有了ajax,用户在提交表单的时候不需要等待,可以浏览该页的其它东西,表单提交之后服务器能很快的返回所需的数据和网页,网页无需刷新. a…

AJAX学习笔记

AJAX不是一种编程语言,AJAX是一种实现网页异步加载的技术,即不刷新网页也能部分的更新网页的内容.如:提交表单信息,通过ajax可以不刷新页面来使得人们明白如何正确的填写信息,判断填写信息的错误或正确. ajax操作需要个XMLHttpRequest对象,通过该对象实现客户端和服务端的数据交互. XMLHttpRequest对象兼容IE6的浏览器,兼容代码为: var request; if(window.XMLHttpRequest){ request=new XMLHttpRequest…

struts2学习笔记--使用servletAPI实现ajax的一个小Demo

这个例子是点击网页上的一个button,然后调用action,使用response项前台打印"哎呦不错哦",当然是以异步形式实现. jsp页面: <head> <script type="text/javascript" src="jquery/jquery.min.js"></script> <script type="text/javascript"> $(function…

Ajax学习笔记（一）

来源:http://www.imooc.com/learn/250 Ajax不是某种编程语言,而是一种在无须重新加载整个网页的情况下能够更新部分网页的技术. 一.概念介绍--异步利用XMLHttpRequest(XHR)对象来实现后台和服务器数据交换,这样就实现了异步. 步骤如下: 运用HTML和CSS来实现页面,表达信息: 运用XMLHttpRequest和web服务器进行数据的异步交换: 运用JavaScript操作DOM,实现动态局部刷新. 二.XHR对象的使用 var request…

Ajax学习笔记(1)

Ajax全称为Asynchronous Javascript and XML.一般用于页面数据交互响应,最大的好处是响应时无需刷新页面. Ajax的优点: 1.不需要插件的支持.用户只需允许javascript在浏览器上执行. 2.强大的用户体验.这是ajax最大的优点,用户能在不刷新页面的情况下更新数据,使得Web应用程序能更为迅速地回应用户的操作. 3.提高Web程序的性能.传统模式中,数据提交是以表单form来实现的,数据获取是靠刷新全页面的内容.而Ajax模式只是通y过XMLHttpRe…

Python：ajax 学习笔记

什么是 AJAX ? AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. GET 还是 POST? 与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用. 然而,在以下情况中,请使用 POST 请求: 无法使用缓存文件(更新服务器上的文件或数据库) 向服务器发送大量数据(POST 没有数据量限制)…

AJAX学习笔记（一）基础知识

一.HTTP协议 1.HTTP: 计算机通过网络进行通讯的规则,用于浏览器向服务器发送请求. 2.HTTP是一种无状态的协议,无状态是指服务器端不保留任何连接相关的信息,浏览器客户端向服务器发送请求,服务器端返回响应,然后连接就关闭了,这个连接不存在任何记忆.后续的处理如果需要之前连接传递的信息,则需要重新传递. 3.完整的HTTP请求需要以下7个步骤: (1)建立TCP连接,通常HTTP协议都是用TCP协议连接,TCP是可靠的协议. (2)Web浏览器向Web服务器发送请求命令. (3)Web…

【ASP.NET MVC 学习笔记】- 15 Unobtrusive Ajax

本文参考:http://www.cnblogs.com/willick/p/3418517.html 1.Unobtrusive Ajax允许我们通过 MVC 的 Help mothod 来定义 Ajax 的特性,而不用在 View 中参杂一大段 JavaScript 代码. 2.在MVC中使用普通Ajax的示例: Index.cshtml: @{ ViewBag.Title = "Index"; } <script type="text/javascript"…

AJAX学习笔记2：XHR实现跨域资源共享（CORS）以及和JSONP的对比----转载

1 前言: 首先对参考文章作者表示感谢,你们的经验总结给我们这些新手提供了太多资源.本文致力于解决AJAX的CORS问题,我在逻辑上进行了梳理:首先,系统的总结了CORS问题的起源-同源策略:其次,介绍JSONP这种仅能支持GET请求的跨域方式和CORS作对比:最后,阐述CORS的XHR解决方式和IE中的XDR解决方式,在此基础上提供了工具函数进行跨浏览器的HTTP请求对象创建. 2 跨域问题的源头-同源策略在客户端编程语言中,如javascript和 ActionScript,同源策略是一个…

Ajax学习笔记——基本原理

Ajax(Asynchronous JavaScript + XML)不是语音,不是框架,也不能算是一种技术,而是一种模式.通过这种模式实现不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容. Ajax的核心是XMLHttpRequest.XMLHttpRequest是浏览器内置对象,用于在不更新网页的情况下和服务器通信,获取数据. 以下是来自菜鸟教程的示例: <!DOCTYPE html> <html> <head> <meta charse…

Django 学习笔记（五） --- Ajax 传输数据

人生苦短 ~ Tips:仅适用于 Python 3+(反正差别不大,py2 改改也能用).因为据 Python 之父 Guido van Rossum 说会在 2020 年停止对 Python 2 的官方支持,所以如果你还在使用 Python 2 那就要早做准备了,毕竟没有官方的支持使用起来也不顺心的. 1. Ajax 介绍 Ajax 即 “Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术. Aj…

Jquery学习笔记（10）--ajax删除用户，使用了js原生ajax

主要复习了php的pdo数据库操作,和js的ajax,真麻烦,希望jquery的ajax简单点. index.php: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="jquery.js"></script&…

【Ajax学习笔记2之使用Ajax和XML】的更多相关文章