ajax的一些相关

1、AJAX = Asynchronous(异步的) JavaScript and XML

  AJAX是能不刷新整个网页的前提下,更新内容。通过少量的数据交换,达成局部页面刷新的效果。

  而form表单提交经常是刷新整个页面,很繁琐

2、AJAX是基于现有的Internet标准,并且联合使用它们:

  a、XMLHttpRequest 对象 (异步的与服务器交换数据)

  b、JavaScript/DOM (信息显示/交互)

  c、CSS (给数据定义样式) 

  d、XML (作为转换数据的格式)

3、JavaScript代码

          var xhr;if(window.XMLHttpRequest){    //常规,如果有,直接使用xhr = new XMLHttpRequest();}else{                                    //如果没有,老版本IExhr = new ActiveXObject("Microsoft.XMLHTTP");}// 2.通过监听ajax的状态的改变来监听xhr.onreadystatechange = function(){}console.log('步骤二完成')// 3.创建请求的消息,连接服务器      xhr.open('GET','07.php',true);    //"get" 请求把参数写在地址里
          console.log('步骤三完成')
          // 4.发送
          xhr.send(null);             //如果是“post”就把参数以字符串传入;

4、jQuery代码

                        引入jQeury$.ajax({type : "POST",      // 请求方式url : 'http://192.168.9.156:8888/0221ajax/01.php',  //请求地址  get请求参数拼接在地址后data : {          //  请求参数uname : $("#username").val()},success : function(data){      //回调函数data  //参数
}})

  

 

转载于:https://www.cnblogs.com/long-z/p/10448722.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/394916.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

select ...as_一起使用.select .map和.reduce方法可充分利用Ruby

select ...asby Declan Meehan由Declan Meehan 一起使用.select .map和.reduce方法可充分利用Ruby (Get the most out of Ruby by using the .select .map and .reduce methods together) You should absolutely never ever repeat yourself when writing code. In other word…

一些书单

仅对近来的学习做些回顾吧 学习永无止境--> 2015年已完成书单: 文学: 硅谷之火浪潮之巅天才在左疯子在右从0到1生命咖啡馆黑客与画家奇思妙想:15位计算机天才及其重大发现乔布斯传平凡的世界(三部全)一只iphone的全…

oracle 11gogg,【OGG】Oracle GoldenGate 11g (二) GoldenGate 11g 单向同步配置 上

Oracle GoldenGate 11g (二)GoldenGate 11g 单向同步配置 上ItemSource SystemTarget SystemPlatformRHEL6.4 - 64bitRHEL6.4 - 64bitHostnamerhel64.oracle.comora11g.oracle.comDatabaseOracle 11.2.0.3Oracle 11.2.0.3Character SetAL32UTF8AL32UTF8ORACLE_SIDPRODEMREPList…

今天听说了一个压缩解压整型的方式-group-varint

group varint https://github.com/facebook/folly/blob/master/folly/docs/GroupVarint.md 这个是facebook的实现 https://www.slideshare.net/parallellabs/building-software-systems-at-google-and-lessons-learned/48-Group_Varint_Encoding_Idea_encode

Centos7-卸载自带的jdk 安装jdk8

卸载JDK Centos7一般都会带有自己的openjdk,我们一般都回用oracle的jdk,所以要卸载 步骤一:查询系统是否以安装jdk #rpm -qa|grep java 或 #rpm -qa|grep jdk 或 #rpm -qa|grep gcj 步骤二:卸载已安装的jdk #rpm -e --nodeps java-1.8.0-openjdk…

小猪佩奇python_python画个小猪佩奇

#!/usr/bin/python #-*- coding: utf-8 -*-import turtleast def nose(x,y):#鼻子 t.pu() t.goto(x,y) t.pd() t.seth(-30) t.begin_fill() a0.4 for i in range(120):if 0<i<30 or 60<i<90: aa0.08t.lt(3) #向左转3度 t.fd(a) #向前走a的步长else: aa-0.08t.lt(3)…

javascript 符号_理解JavaScript中“ =”符号的直观指南

javascript 符号by Kevin Kononenko凯文科诺年科(Kevin Kononenko) 理解JavaScript中“ ”符号的直观指南 (A Visual Guide to Understanding the “” Sign in JavaScript) 实际上&#xff0c;对于第一次学习编码的人来说&#xff0c;赋值运算符(或“ ”符号)实际上会产生误导…

iOS开发UIScrollView的底层实现

起始 做开发也有一段时间了&#xff0c;经历了第一次完成项目的激动&#xff0c;也经历了天天调用系统的API的枯燥&#xff0c;于是就有了探索底层实现的想法。 关于scrollView的思考 在iOS开发中我们会大量用到scrollView这个控件&#xff0c;我们使用的tableView/collectionv…

oracle查看登录时间黑屏,oracle 11g默认用户名、密码解锁 以及安装后重启黑屏问题.doc...

oracle 11g默认用户名、密码解锁 以及安装后重启黑屏问题.doc还剩3页未读&#xff0c;继续阅读下载文档到电脑&#xff0c;马上远离加班熬夜&#xff01;亲&#xff0c;喜欢就下载吧&#xff0c;价低环保&#xff01;内容要点&#xff1a;遇的同学&#xff0c;参考一下解决办法…

第六十二节,html分组元素

html分组元素 学习要点&#xff1a; 1.分组元素总汇 2.分组元素解析 本章主要探讨HTML5中分组元素的用法。所谓分组&#xff0c;就是用来组织相关内容的HTML5元素&#xff0c;清晰有效的进行归类。 一&#xff0e;分组元素总汇 为了页面的排版需要&#xff0c;HTML5提供了几种语…

WebSocket 实战--转

原文地址&#xff1a;http://www.ibm.com/developerworks/cn/java/j-lo-WebSocket/ WebSocket 前世今生 众所周知&#xff0c;Web 应用的交互过程通常是客户端通过浏览器发出一个请求&#xff0c;服务器端接收请求后进行处理并返回结果给客户端&#xff0c;客户端浏览器将信息呈…

python图形化编程更改内部参数_python-参数化-(3)(替换数据)

一.在读取excel文件、其他数据来源会遇到一些无法转换或者特殊标记的字符串等&#xff0c;不能直接使用。这时候需要对数据进行处理&#xff0c;替换为自己需要的数据进行下一步操作&#xff0c;如下&#xff1a; 替换 1.replace() str.replace(old,new[,max]) old -- 将被替换…

css grid布局_如何使用CSS Grid重新创建Medium的文章布局

css grid布局When people think of CSS Grid they normally envision image grid layouts and full web pages. However, CSS Grid is actually a superb technology for laying out articles as well, as it allows you to do things which previously was tricky to achieve.…

2017视频监控行业应用趋势与市场发展分析

安防行业的发展&#xff0c;从传统单一的业务形态到业务多元化与国际化的转变&#xff0c;是社会安全需求变化与视频监控技术双向驱动的结果。在新的行业生态体系下&#xff0c;传统监控技术与新兴技术的融合&#xff0c;跨行业的业务协同&#xff0c;以及以客户为中心的产业形…

oracle 11.2.4联机文档,ORACLE 11G 联机文档partition_extended_name的一个错误

在看11G联机文档的PARTITION EXTENDED NAME限制的时候&#xff0c;测试发现与书上描述不符。Restrictions on Extended Names Currently, the use of partition-extended and subpartition-extended table names has the following restrictions:No remote tables: A partition…

mongodb 安装、启动

MongoDB 之 你得知道MongoDB是个什么鬼 MongoDB - 1 最近有太多的同学向我提起MongoDB,想要学习MongoDB,还不知道MongoDB到底是什么鬼,或者说,知道是数据库,知道是文件型数据库,但是不知道怎么来用 那么好,所谓千呼万唤始出来,现在我就拉给你们看: 一.初识MongoDB 之 什么东西都…

python os path_python os.path模块

os.path.abspath(path) #返回绝对路径 os.path.basename(path) #返回文件名 os.path.commonprefix(list) #返回list(多个路径)中&#xff0c;所有path共有的最长的路径。 os.path.dirname(path) #返回文件路径 os.path.exists(path) #路径存在则返回True,路径损坏返回False os.…

[转载]PSCAD调用MATLAB/SIMULINK之接口元件设计

原文地址&#xff1a;PSCAD调用MATLAB/SIMULINK之接口元件设计作者&#xff1a;luckyhappier1)接口元件 接口元件包括Graphics&#xff0c;Parameters和Script。注意&#xff1a;变量要与DSDYN要一致&#xff08;PSCAD根据变量名区别变量&#xff09;。 2&#xff09;Circuit 定…

css flexbox模型_Flexbox教程:了解如何使用CSS Flexbox编写响应式导航栏

css flexbox模型In this article, I’ll explain how to create a navbar which adapts to various screen sizes using Flexbox along with media queries.在本文中&#xff0c;我将解释如何使用Flexbox和媒体查询来创建适应各种屏幕尺寸的导航栏。 This tutorial can also b…

oracle数字类型ef映射,Entity Framework 学习中级篇5—使EF支持Oracle9i - ♂风车车.Net - 博客园...

从Code MSDN上下载下来的EFOracleProvider不支持Oracle9i.但是,目前我所使用的还是Oracle9i。为此,对EFOracleProvider修改了以下&#xff0c;以便使其支持Oracle9i.下面说说具体修改地方.(红色部分为添加或修改的代码部分)一&#xff0c;修改EFOracleProvider1,修改EFOraclePr…