ajax(20161110)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-3.1.1.min.js"></script>
<title>无标题文档</title>
</head>

<body>
<!--ajax写在JS里面来用-->
<script type="text/javascript">
    $.ajax({
        url:"1110morningchuli.php", //处理页面地址
        data:{code:"n001"},//传递的数据,提交数据
        type:"POST", //提交方式
        dataType:"TEXT", //返回值的类型(有三种)    TEXT  POST  XML:可扩展标记语言;可用在,1,数据的传递上使用,当作数据载体使用
        success:function(data){ //回调函数,括号内的参数随便命名,其实就是返回值
                alert(data);
            },
        error:function(){  //处理出错执行

            }

        });
</script>
</body>
</html>

异步处理

ajax调用的时候默认是异步的,效率高

异步就是指在传递数据的时候不管对方是否接收,直接传输

同步就是指在传递数据的时候必须在对方接收后才能再传递下一个数据

对于ajax而言就是同时执行两个线程

解决方法:
1,把ajax变成同步的
2,把加事件代码放到ajax回调函数里面

时间: 2024-08-23 03:27:31

ajax(20161110)的相关文章

又是一周-AJAX(三)

hi 我又食言了,但我还是厚颜无耻的回来了... 1.AJAX(三) 三.AJAX的简单的例子 3.1 简介 完成:查询员工信息,通过输入员工编号查询员工的基本信息+新建员工的信息,包含员工姓名,编号,性别,职位: 实现:纯html页面+PHP页面,用来实现查询员工和新建员工的后台接口: 3.2 服务器端实现 我这里用的是wamp集合端,很多东西都不用变. 然后编写程序在adobe dreamwaverCs6 --DW 安装,网上有. 建立站点先,放在www文件夹下,然后服务器什么的也要自己整一

AJAX(一)

AJAX(一) Ajax是Asynchronous Javascript和XML的简写,这一技术能够向服务器请求额外的数据而无需卸载页面,会带来更好的用户体验. [前面的基础知识][关于同步和异步的了解]同步:页面请求实时传给服务器,导致必填数据没有填的时候,要回到页面上重新从头填写,耗时长.客户体验差.异步:在页面必填项写上必填选项,不用通过传给服务器判断必填内容是否已经填写完整,耗时短.用户体验强.1.利用html+css来实现页面,表达信息:2.用XMLHttpRequest和web服务器

ASP.NET MVC学习之Ajax(完结)

一.前言 通过上面的一番学习,大家一定收获不少.但是总归会有一个结束的时候,但是这个结束也意味着新的开始. 如果你是从事ASP.NET开发,并且也使用了第三方控件,那么一定会觉得ASP.NET开发ajax十分的简单,而ASP.NET MVC学习到现在页面都是刷新的,所以这节就是ASP.NET MVC的最后一节,通过这节的学习我们将能够实现通过ajax提交表单,下面我们开始继续学习. 二.准备工作 1.首先确保引用了以下js库在_Layout中: 2.新建一个HomeController,然后在其

AJAX(二)AJAX框架

上文(AJAX(一)AJAX的简介和基础)对ajax异步请求服务器做了详细的介绍和基础应用,可以看出,ajax的一些过程是相对不变的.不必要每次发送请求都写一遍发送代码,一些ajax开发人员已经把他们的过程封装成ajax框架. 本节主要介绍ajaxLib和ajaxGold两款框架. 1.ajaxLib ajaxLib是一个非常小巧的ajax框架. 使用它首先将文件使用引入到页面中.改框架是一个直接获取XML的框架,调运函数如下: loadXMLDoc(url,callback,boolean)

[YII2] 去除自带js,加载自己的JS,然后ajax(json)传值接值!

本想用YII2自带的JS,可是用着效果不好,想从新加载,找了好多终于实现啦!还有ajax(json)传值接值! 首先直接了当的就把YII2自带的js去掉! 把下面代码加入到/config/main.php文件'components'=>[]里面,可以禁掉CSS和JS 1 'components' => [ 2 ............. 3 //不加载YII2自带JS以及CSS 4 'assetManager'=>[ 5 'bundles'=>[ 6 'yii\bootstrap\

AJAX(六)jsonp原理详解

一.什么是jsonp? 先别管什么叫jsonp,我们先来看一个小问题,看完这个问题你就知道jsonp是要解决什么问题的,自然也就明白什么是jsonp了. 问题: 之前做的例子如果在同一个域名下运行时是非常正常的,但如果这个数据接口是在A域名下,而使用了AJAX请求的静态页运行在B域名下,我们就会发现点击按钮发出请求时会报错.截个图来看看. 我们看到后台的一般处理程序运行的域名是 : http://localhost:64113 现在使用VS重新创建1个web项目,然后在这个使用AJAX方式发出请

JQuery中的Ajax(六)

一:Ajax请求jQuery.ajax(options) load(url,[data],[callback])jQuery.get(url,[data],[callback]) jQuery.getJSON(url,[data],[callback]) jQuery.getScript(url,[callback]) jQuery.post(url,[data],[callback]) 1.jQuery.ajax(options)通过 HTTP 请求加载远程数据.jQuery 底层 AJAX

ASP.NET MVC之Unobtrusive Ajax(五)

前言 这一节我们来讲讲Unobtrusive中的Ajax提交,大部分情况下我们是利用JQuery来进行Ajax请求,当然利用JQuery来进行表单Ajax请求也不例外,但是相对于Unobtrusive Ajax来进行表单请求则Unobtrusive Ajax代码量显得更加精简,所以基于这点本文来讲讲这个Unobtrusive Ajax. 话题 我们首先一步一步深入来讲述我们本节的话题,我们在Models文件夹下建立如下一个类: public class Blog { public long Id

AJAX(XMLHttpRequest)进行跨域请求方法详解(一)

注意:以下代码请在Firefox 3.5.Chrome 3.0.Safari 4之后的版本中进行测试.IE8的实现方法与其他浏览不同. 跨域请求,顾名思义,就是一个站点中的资源去访问另外一个不同域名站点上的资源.这种情况很常见,比如说通过 style 标签加载外部样式表文件.通过 img 标签加载外部图片.通过 script 标签加载外部脚本文件.通过 Webfont 加载字体文件等等.默认情况下,脚本访问文档属性等数据采用的是同源策略(Same origin policy). 那么,什么是同源