回顾下javascript中的Ajax请求，写一个小例子：

<!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" xml:lang="zh" lang="zh" dir="ltr">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta name="generator" content="Editplus4PHP" />

    <meta name="keywords" content="Leo, HentStudio, Editplus4PHP, LeoPHP" />

    <meta name="description" content="LeoPHP - Powered by HentStduio" />

    <meta name="author" content="Leo" />

    <script type="text/javascript" src="Public/Js/jquery-1.7.1.min.js"></script>

    <!--<link rel="stylesheet" type="text/css" href="css/style.css" />-->

    <link rel="shortcut icon" href="images/favicon.ico" />

    <title>Example | xHTML1.0</title>

</head>

<body>

    <div>

        省份

        <select name="pro" id="pro" onChange="getClass(this.value)">

            <option value="1">北京</option>

            <option value="2">上海</option>

        </select>

        <select name="city" id="city_1">

            <option value="1">朝阳</option>

        </select>

    </div>

</body>

</html>

<script>

function getClass(val){

    creatXMLHttpRequest();

    var pro = val;

    var url = "f.php?pro="+pro;//url地址，

    xmlReq.open("GET",url,false);//以GET的方式访问

    xmlReq.onreadystatechange  = OnMassageBack;//设置回调函数

    xmlReq.send(null);

}

//回调函数

function OnMassageBack(){

    if(xmlReq.readyState == 4 && xmlReq.status == 200){//调用成功，返回结果

        sum = xmlReq.responseText;

        alert(sum);

    }

}

// 创建一个ActiveXObject 对象使现局部请求到服务器

function creatXMLHttpRequest(){

    if(window.XMLHttpRequest){

        xmlReq = new XMLHttpRequest();

        if(xmlReq.overrideMimeType){

            xmlReq.overrideMimeType('text/xml');

        }

    }else if(window.ActiveXObject){

        try{

            xmlReq = new ActiveXObject('Msxml2.XMLHTTP');

        }

        catch(e){

            try{

                xmlReq = new ActiveXObject('Microsoft.XMLHTTP');

            }

            catch(e){

            }

        }

    }

}

</script>

f.php页面是用来处理请求的： （这里我只做了简单的返回）

<?php

<?php

$s = $_GET['pro'];

$res = "Hello ".$s;

echo $res;

?>

?>

javascrpt 中的Ajax请求的更多相关文章

  1. PHP--------TP中的ajax请求

    PHP--------TP中的ajax请求 以jQuery中的ajax为例: (1)引入jQuery 通过模板替换表示路径,我们可以自定义模板替换变量(在config中定义) /*自定义模板替换标签* ...

  2. ASP.NET Core Razor中处理Ajax请求

    如何ASP.NET Core Razor中处理Ajax请求 在ASP.NET Core Razor(以下简称Razor)刚出来的时候,看了一下官方的文档,一直没怎么用过.今天闲来无事,准备用Rozor ...

  3. HighCharts中的Ajax请求的2D折线图

    HighCharts中的Ajax请求的2D折线图 设计源码: <!DOCTYPE html> <html> <head> <meta charset=&quo ...

  4. 关于JQuery中的ajax请求或者post请求的回调方法中的操作执行或者变量修改没反映的问题

    前段时间做一个项目,而项目中所有的请求都要用jquery 中的ajax请求或者post请求,但是开始处理一些简单操作还好,但是自己写了一些验证就出现问题了,比如表单提交的时候,要验证帐号的唯一性,所以 ...

  5. [Web 前端] 如何在React中做Ajax 请求？

    cp from : https://segmentfault.com/a/1190000007564792 如何在React中做Ajax 请求? 首先:React本身没有独有的获取数据的方式.实际上, ...

  6. Struts2 在登录拦截器中对ajax请求的处理

    前言: 由于ajax请求不像http请求,可以直接进行页面跳转,你返回的所有东西,ajax都只会识别为一个字符串. 之前尝试的方法是在拦截器中返回一个标识给ajax,然后再在每一个ajax请求成功之后 ...

  7. React 中的 AJAX 请求：获取数据的方法

    React 中的 AJAX 请求:获取数据的方法 React 只是使用 props 和 state 两处的数据进行组件渲染. 因此,想要使用来自服务端的数据,必须将数据放入组件的 props 或 st ...

  8. SpringBoot入门07-Thymeleaf中显示ajax请求到的数据

    Thymeleaf中显示ajax请求所需依赖 <!--所需依赖--><dependency> <groupId>org.springframework.boot&l ...

  9. Java-如何挖取某个网站中的ajax请求信息

    通常情况,通过网络爬虫挖取到的基本为网页静态内容,而动态ajax取数的内容是我个人暂时不知如何一次性把网站中的ajax获取 这里介绍的是某个网站中的某一个ajax多某个table刷新,期数据,并提供其 ...

随机推荐

  1. Jmeter 小攻略（转）

    http://www.myexception.cn/open-source/1346307.html

  2. Jmeter之录制脚本（二）

    上一节已经已经介绍过Jmeter的安装,对于web测试的话,经常会用到一些脚本去执行某些功能,也就是所谓的半自动化测试, 对于不懂代码的童鞋来说,脚本是一个很头疼的概念,badboy的录制是一个对于刚 ...

  3. 快速破解哈希密文findmyhash

    快速破解哈希密文findmyhash   Kali Linux提供各种哈希密文破解工具,如hashcat.john.rainbows.不论哪一种,实施破解都不太容易.每种方式都需要花费大量的时间.破解 ...

  4. css之overflow

    也说css之overflow:细探之下有意想不到的结果 2016-11-5 滴滴出行·DDFE 作者:dolymood overflow 是一个非常常用的 CSS 属性,一般来说会认为很简单,其实细究 ...

  5. 07 JavaWeb

    软件开发的两种架构:c/s和b/s          * C/S     client/server     客户端/服务器     例子:QQ     快播     暴风影音...          ...

  6. Asp.net mvc 有关序列化的问题

    //            $.ajax({//                async: false,//                type:'post',//这里注意,Get请求不安全,用 ...

  7. 我的c++学习(8)运算符重载和友元

    运算符的重载,实际是一种特殊的函数重载,必须定义一个函数,并告诉C++编译器,当遇到该运算符时就调用此函数来行使运算符功能.这个函数叫做运算符重载函数(常为类的成员函数). 方法与解释 ◆ 1.定义运 ...

  8. spring4 mvc 出错

    java.lang.IncompatibleClassChangeError: class org.springframework.core.type.classreading.ClassMetada ...

  9. Python学习笔记06

      源代码文件第一行添加:#coding:utf-8,这样就可以避免了 或者:#-*- coding: UTF-8 -*-   dict:实际就是哈希表,其键只能是不可变类型,如string,bool ...

  10. web工程spring+ibatis单元测试

    web工程spring+ibatis在本地做单元测试,用例如下: package wanghongye; import org.junit.Before; import org.junit.Test; ...