ajax 异步交互

<script>
    $(function(){
        $("#sub").click(function () {
            $.ajax({
                url: ‘CheckPvUv.php‘,
                data: {
                    act:‘login‘,
                    un:$("#un").val(),
                    pw:$("#pw").val()
                },
                type: "post",
                success: function(data){
                    if(data == 1){
                        $("#tab").hide();
                        $.ajax({
                            url: ‘CheckPvUv.php‘,
                            data: {
                                act:‘CheckPvUv‘
                            },
                            type: "post",
                            success: function(data){
                                var jsonobj=eval(‘(‘+data+‘)‘);
                                $.each(jsonobj.data,function(i,n){
                                    test="<tr><td>"+ n.pv+"</td><td>"+ n.uv+"</td></tr>";
                                });
                                test1="<tr><td>pv统计</td><td>uv统计</td></tr>";
                                $("#table1").html(test1+test);
                            },
                            error: function () {
                                alert("通讯失败了")
                            }

                        });

                    }
                },
                error: function () {
                    alert("通讯失败了")
                }

            });
        })
    })
</script>

ajax 异步交互

时间: 2024-10-17 08:14:27

ajax 异步交互的相关文章

ajax异步交互梳理

最近在学习ajax,开始的时候感觉步骤有些混乱,老是记不住,自己梳理了下,觉得很好玩,就顺便记下来. ajax异步交互的步骤: 1.创建XMLHttpRequest核心对象 2.与服务器建立连接(open) 3.向服务器端发送请求(send) 4.接收服务器端的响应数据onreadystatechange 如同生意场上一样,A公司(客户端)有事情求B公司(服务器端)帮忙,于是 1.先在内部选定了一个主题XMLHttpRequest(创建核心对象), 2.委托open,与位于url地址的B公司接洽

spring mvc 和ajax异步交互完整实例(转自CSDN) 附下载地址

spring mvc 和ajax异步交互完整实例 spring MVC 异步交互demo: demo下载地址:http://download.csdn.net/download/quincylk/9521375 1.jsp页面: [java] view plain copy print? <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-

Ajax异步交互基础

1. ajax是什么? * asynchronous javascript and xml:异步的js和xml * 它能使用js访问服务器,而且是异步访问! * 服务器给客户端的响应一般是整个页面,一个html完整页面!但在ajax中因为是局部刷新,那么服务器就不用再响应整个页面!而只是数据! > text:纯文本 > xml:大家都熟悉!!! > json:它是js提供的数据交互格式,它在ajax中最受欢迎! 2. 异步交互和同步交互 * 同步: > 发一个请求,就要等待服务器的

spring mvc 和ajax异步交互完整实例

Spring MVC 异步交互demo: 1.jsp页面: <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR

Ajax异步交互 [异步对象连接服务器]

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>XMLHttpRequest</title> <script> var xmlHttp; //声明一个全局变量xmlHttp,主要是考虑到异步对象在整个页面进程中都有可能使用到. function createXMLHttpRequest(){ //创建一个异步对象的函数, if(win

AJAX异步交互

1 <!DOCTYPE html> 2 3 <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <meta charset="utf-8" /> 6 <title></title> 7 8 </head> 9 <body> 10 <script> 11 //第一步

angular使用工厂模式封装公用的 ajax 异步交互

在开发过程中,我们会不可避免的用到 ajax 交互,每一个都需要写 $http,然而写多了会发现,这个维护性不高,而且重复的代码太多,不适合进行快速开发. 比如这样: $http({ url:"test.php", method:"POST", data:JSON.stringify({name:"tao"}), headers:{"Content-Type":"application/json"} }).

google 调试js和ajax异步交互调试

好长时间没写php代码,js php调试就忘了,这篇文章过后,遗忘了也好说. 方法一 方法二: 进行一个post请求: 查看post返回值 好吧,以后不要忘啦!

325 AJAX介绍,XMLHttpRequest对象,实现Ajax的异步交互步骤,服务器端通信状态

* Asynchronous JavaScript and Xml \* 直译中文 - javascript和XML的异步 \* (不严格的定义)客户端与服务器端进行交互,而无需刷新当前页面的技术,称之为Ajax. * Ajax实现的是B/S架构下的异步交互 * 实现异步交互的技术: \* <iframe src="">元素 * 同步与异步的区别 * 同步交互 \* 执行速度相对比较慢 \* 响应的是完整的HTML页面 * 异步交互 \* 执行速度相对比较快 \* 响应的是