zoukankan      html  css  js  c++  java
  • javascript原生ajax;

     1 <!doctype html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Document</title>
     6 </head>
     7 <body>
     8 <script>
     9         //a、new对象;
    10     var xmlhttpRequest =null;
    11     function ajaxRequest(){
    12         if(window.ActiveXObject){
    13             xmlhttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
    14         }else if(Window.XMLHttpRequest){
    15             xmlhttpRequest = new XMLHttpRequest();
    16         };
    17         if(null != xmlhttpRequest){
    18             var v1 = 1,v2 = 2;
    19             //AjaxServlet其实是url,ajax数据存放的地址;
    20             //b.连接服务器吧;
    21             xmlhttpRequest.open("get","AjaxServlet?v1="+v1+"&v2="+v2,true);
    22             xmlhttpRequest.open("POST","AjaxServlet",true);
    23             //d、处理回调
    24             xmlhttpRequest.onreadystatechange = ajaxCallBack;
    25             //post必须加下面这句,get时去掉;
    26             //c、设置响应头,看情况,上去
    27             xmlhttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    28             //d、数据发送
    29             xmlhttpRequest.send("v1="+v1+"&v2="+v2);
    30         }
    31     }
    32     function ajaxCallBack(){
    33         if(xmlhttpRequest.readyState == 4){
    34             if(xmlhttpRequest.status == 200){
    35                 var content = xmlhttpRequest.responseText;
    36                 console.log(content);
    37             }
    38         }
    39     }
    40 </script>
    41 </body>
    42 </html>
    坚持下去就能成功
  • 相关阅读:
    自己常用的数据库操作语句
    我被SQL注入撞了一下腰
    分页
    reset.css
    创建对象的多种方式
    js 数组去重
    学习JS防抖【节流】
    localStorage.js
    vue 项目移动端使用淘宝自适应插件 环境配置
    Vue项目搭建
  • 原文地址:https://www.cnblogs.com/suoking/p/4936855.html
Copyright © 2011-2022 走看看