AJAX基础

AJAX

-- 网页数据异步加载

.ashx

一般处理程序

  json

数据格式,在不同的语言之间传递数据

对象格式:     "{"key":"value","key":"value"}"

数组格式:     "[{"key":"value"},{},{}]"

-- 都是字符串格式

例1、对象格式

 Handler.ashx

 -- 所有内置对象都需要通过 context 点出来 

例2、数组格式

 Handler2.ashx

 -- StringBuilder str = new StringBuilder();

    --str.Append(字符串);

-- 拼接文本对象,在堆栈中不会开辟新空间,将原空间扩大

jqeury.ajax基本结构

基本结构

$.ajax({
        url : "Handler.ashx",                      -- 提交到哪个服务端

 data: { "uname": s },                   -- 提交的数据,以键值对的方式传字符串,只能是字符串,可以传多个

type: "post",                                -- 用什么方法

   dataType: "json",                        -- 返回值的类型

async:true,    (默认可不写)           -- 异步执行 (async: false  关闭异步功能)

success: function ( msg ){

                  回调,处理完毕返回的结果 

         },      

error:function(  ){

                  出错( 路径错,服务端错,没有返回规定的json格式数据)

          },

beforeSend:function(  ){

                     发送之前执行(防止重复请求)

         }, 

 complete:function(  ){  

                          加载完后执行

          }

 });

-- 传递进去的是字符串,返回的是字符串

例3,操纵一个 json 对象

 

--与例1 对应

例4、操纵一组对象

 

-- 与例2 对应

--表格中

<thead> </thead>     --表 标题

<tbody ></tbody>    -- 表 内容

jQuery对象与DOM对象的相互转换

jQuery对象转成DOM对象: 

两种转换方式

1、通过[index]的方法

var $v =$("#v") ;      -- jQuery对象

var v=$v[0];              --DOM对象

2、通过.get(index)方法

var $v=$("#v");             --jQuery对象

 var v=$v.get(0);              --DOM对象

DOM对象转成jQuery对象:

用$()把DOM对象包装起来

var v=document.getElementById("v");     -- DOM对象

var $v=$(v);                                               -- jQuery对象

时间: 2024-10-06 10:11:36

AJAX基础的相关文章

【javascript】ajax 基础 --本文转载

[javascript]ajax 基础 什么是 ajax ajax 即"Asynchronous JavaScript and XML"(异步 JavaScript 和 XML),也就是无刷新数据读取. http 请求 首先需要了解 http 请求的方法(GET 和 POST). GET 用于获取数据.GET 是在 URL 中传递数据,它的安全性低,容量低. POST 用于上传数据.POST 安全性一般,容量几乎无限. ajax 请求 ajax 请求一般分成 4 个步骤. 1.创建 a

基于JS的DOM 编程基础和Json语法及JS下的AJAX基础

1.在dom编程中:     注意:使用dom操作一般在页面完全载入之后,一般在window_onload事件里操作dom nodeName  表示节点的名称如:<input   type= "button"  value="确定" />    此时nodeName=“input” ; nodeValue  表示节点的值如<p>aaa</p> 此时的nodeValue="aaa",而nodeName="

原生ajax基础知识笔记

原生ajax基础知识笔记 1.创建 XMLHttpRequest 对象 所有现代浏览器(IE7+.Firefox.Chrome.Safari 以及 Opera)均内建 XMLHttpRequest 对象. 老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveXObject. 代码示例: // Creates a XMLHttpRequest object. var xhr = new XMLHttpRequest(); 兼容浏览器代码示例: var xhr; /

AJAX 基础知识

AJAX 基础知识 一.AJAX综述 1.AJAX的概念 A:异步asynchronousJ:JavaScriptA:andX:XML 异步的JavaScript和XML. 2.AJAX的优点(好处) 1),提高用户体验度  2),JS与服务端的交互  3),页面局部刷新--提高浏览器的效率 2.AJAX的缺点(弊端)    加大服务器的负担 注:新思想,老技术. 二.实现AJAX功能 (一).JS实现AJAX功能 1.获得XMLHttpRequest(浏览器的兼容) (二).JQuery实现A

Ajax基础知识 浅析(含php基础语法知识)

1.php基础语法    后缀名为.php的文件 (1) echo   向页面中输入字符串  <?php    所有php相关代码都要写在<?php ?>这个标签之中 echo "<div>Hello World!</div>"; ?> (2) $  变量声明  如果只声明不赋值,会报错 <?php $num=123; echo $num; echo "<div>编号为:".$num."&l

【Java EE 学习第31天】【JavaScript基础增强】【Ajax基础】【Json基础】

一.JavaScript基础增强 1.弹窗 (1)使用window对象的showModelDialog方法和showModelessDialog方法分别可以弹出模式窗口和非模式窗口,但是只能在IE中使用,所以不推荐使用,最好使用open方法弹窗. (2)open方法. (3)open方法弹窗实例. Base.html文档: <!DOCTYPE html> <html> <head> <title>Base.html</title> <met

ajax 基础实例

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 优点:使用ajax读取数据文件,不需要刷新页面就能取出文件数据<br><br><br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition

text3——ajax基础

                                          XMLHttpRequest这个对象的属性 onreadystatechange 每次状态改变所触发事件的事件处理程序. responseText 从服务器进程返回数据的字符串形式. responseXML 从服务器进程返回的DOM兼容的文档数据对象. status 从服务器返回的数字代码,比如常见的404(未找到)和200(已就绪) status Text 伴随状态码的字符串信息 readyState 对象状态

Ajax基础2

什么是服务器 网页浏览过程的分析 如何配置自己的服务器程序(AMP) 什么是Ajax 无刷新数据读取 异步,同步 Ajax基础(2) 使用Ajax 基础请求显示txt的文件 字符集编码 缓存,阻止缓存 动态数据,请求js或(json)文件 eval的使用 DOM创建元素 局部刷新,请求并显示部分网页文件 Ajax原理 http请求方法 function ajax(url, fnSucc, fnFaild) { //1.创建Ajax对象 var oAjax=null; if(window.XMLH

ajax基础语法、ajax做登录、ajax做用户名验证是否可用、ajax做关键字查询动态显示、ajax做用表格显示数据并增加操作列

AJAX: AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 如果此页面用到了ajax方法,一定要在页面上端加上: <script src="../../jquery-1.11.2.min.js"></script> ajax基础语法: <script type="text/javascript">