xmlhttp

前后端调试

萝らか妹 提交于 2019-12-13 03:41:27
前言 之前一直写后端的接口,没有前后端调试过,这段时间有机会来试试了,下边就直接上代码吧! 正文 调试界面 返回的数据 html代码 < html > < head > < meta http-equiv = " Content-Type " content = " text/html; charset=utf-8 " > < script type = " text/javascript " > function loadXMLDoc ( ) { var xmlhttp ; if ( window . XMLHttpRequest ) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest ( ) ; } else { // code for IE6, IE5 xmlhttp = new ActiveXObject ( "Microsoft.XMLHTTP" ) ; } xmlhttp . onreadystatechange = function ( ) { if ( xmlhttp . readyState == 4 && xmlhttp . status == 200 ) { document . getElementById ( "myDiv" ) .

AJAX--一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

你说的曾经没有我的故事 提交于 2019-12-11 18:37:46
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> AJAX = 异步 JavaScript 和 XML。 1. AJAX - 创建 XMLHttpRequest 对象 XMLHttpRequest 是 AJAX 的基础。XMLHttpRequest 对象用于和服务器交换数据。 创建 XMLHttpRequest 对象的语法: variable=new XMLHttpRequest(); 2. 向服务器发送请求 如需将请求发送到服务器,我们使用 XMLHttpRequest 对象的 open() 和 send() 方法: open( method , url , async ) 规定请求的类型、URL 以及是否异步处理请求。 method :请求的类型;GET 或 POST url :文件在服务器上的位置 async :true(异步)或 false(同步) send( string ) 将请求发送到服务器。 string :仅用于 POST 请求 3. AJAX - 服务器响应 如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText (获得字符串形式的响应数据)或 responseXML(获得 XML 形式的响应数据。) 属性。 3.1 responseText 属性 如果来自服务器的响应并非 XML,请使用

原生javascript封装类似jquery的ajax请求跨域函数

人走茶凉 提交于 2019-12-08 03:57:02
在网上查看了很多js封装的ajax函数,发现大部分都没有实现跨域请求 跨域请求浏览器就会提示: No 'Access-Control-Allow-Origin' header is present on the requested resource. 封装类似于JQuery的ajax函数: js代码: function ajax(obj) { // 对实参处理 obj = obj || {}; // 定义局部变量 var xmlhttp, type, url, async, dataType, data; // 默认type为GET type = obj.type || 'GET'; type = trim(type).toUpperCase(); // 接口 url = obj.url url = trim(url); // 默认为异步请求 async = obj.async || true; // 设置跨域 dataType = obj.dataType || 'HTML'; dataType = trim(dataType).toUpperCase(); // 发送参数 data = obj.data || {}; // 删除左右空格 function trim(str) { return str.replace(/^\s+|\s+$/g, ""); }; //

原生ajax显示php后台内容

烂漫一生 提交于 2019-12-07 20:32:22
ajax是为不跳转页面与后台交互数据。 如下是一例不用跳转显示数据。 新建一个PHP页面index.php。如下代码 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <?php //javascript:void(0)防止跳到页头 echo "<p><a href='javascript:void(0)' onclick=load()>ajax</a> </p>"; echo "<span id='lis'></span>"; ?> <script type="text/javascript"> function load()//是为js原生ajax { var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if

js获取服务器时间

十年热恋 提交于 2019-12-06 12:38:02
1. 通过发起一个请求并拿到响应头上的时间来实现,如下位置的时间 上代码 1 var xmlHttp 2 if (window.XMLHttpRequest) { 3 xmlHttp = new XMLHttpRequest() 4 } else if (window.ActiveXObject) { 5 xmlHttp = new ActiveXObject("Microsoft.xmlHttp"); 6 } 7 xmlHttp.open("GET", "/", false); // 请求路径随意,可以是页面图标或者一个小图片 8 xmlHttp.send(); 9 var dateStr = xmlHttp.getResponseHeader("Date"); // 注意:有的后端返回的Date首字母是小写,如果小写就改下 10 var date = new Date(dateStr); 11 var year = date.getFullYear(); 12 var month = date.getMonth() + 1; 13 var date1 = date.getDate(); 14 var hour = date.getHours(); 15 var minutes = date.getMinutes(); 16 var second = date

AJAX 异步请求处理

て烟熏妆下的殇ゞ 提交于 2019-12-06 02:43:25
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/qq_41328247/article/details/80045761 AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 AJAX 不是新的编程语言,而是一种使用现有标准的新方法。 AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。 AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。 有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。 Google Suggest 在 2005 年,Google 通过其 Google Suggest 使 AJAX

动态主题定制

放肆的年华 提交于 2019-12-05 19:00:27
背景 目前接手的是一个cordova的项目,最近一个迭代的到一个需求,需要为不同的租户定制不同的主题,我们希望租户的主题能跟随租户定制。 实现思路 首先通过接口或者容器拿到主题标识 通过标识在本地匹配对应的主题数据(就是各个部分的颜色) 通过ajax请求本地css文件(就是我们需要更改颜色的所有样式) 通过我们本地获取主题色把css文件进行替换(replace 原来的锚点) 最后动态生成style标签写入 代码部分 因为是cordova的项目,我们提前在容器就为客户进行定制,写入了租户id.我们通过本地定制的样式进行匹配颜色 var themeConfigJSON = { "1097660": { standard: '#40c9c9', dark: '#24aca8', active: '#24aca8', light: '#37dbdb', selected: '#40c9c9', activeColor: '#24aca8', customerColor: '#24aca8', arrangeColor: '#40c9c9', arrangeColor1: '#efffff', } } //从容器中拿id navigator.appplugin.getAppInfo(function(id) { _this.updateStyle(id); }); 这里就是你本地css文件

AJAX - 向服务器发送请求请求

旧时模样 提交于 2019-12-05 17:15:21
AJAX - 向服务器发送请求 请求 XMLHttpRequest 对象用于和服务器交换数据。 直线电机生产厂家 向服务器发送请求 如需将请求发送到服务器,我们使用 XMLHttpRequest 对象的 open() 和 send() 方法: xmlhttp.open("GET","ajax_info.txt",true); xmlhttp.send(); 方法 描述 open( method , url , async ) 规定请求的类型、URL 以及是否异步处理请求。 method :请求的类型;GET 或 POST url :文件在服务器上的位置 async :true(异步)或 false(同步) send( string ) 将请求发送到服务器。 string :仅用于 POST 请求 GET 还是 POST? 与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。 然而,在以下情况中,请使用 POST 请求: 无法使用缓存文件(更新服务器上的文件或数据库) 向服务器发送大量数据(POST 没有数据量限制) 发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠 GET 请求 一个简单的 GET 请求: 实例 xmlhttp . open ( " GET " , " /try/ajax/demo_get.php " , true ) ;

javascript 完整知识点整理(基于w3school教程)

谁说胖子不能爱 提交于 2019-12-05 14:42:25
Copyright 2016 by 蔡舒啸 保持署名-非商业性使用-相同方式共享 Creative Commons BY-NC-ND 3.0 目录 一 5种基本类型  typeof 关键字  三种强制类型转换  日期 二 if语句for语句whiledo-whileswitch-case  比较运算符  逻辑运算符  if for语句 while do-while switch-case 三 JavaScript 是脚本语言浏览器会在读取代码时逐行地执行脚本代码 四 Javascript 内置字符串方法  正则表达式 五 JavaScript 错误 - ThrowTry 和 Catch  throw 六 Javascript验证 E-mail 验证 七 HTML DOM操作  操作css  通过css的visibility属性隐藏 DOM 节点 八 事件  使用 js 来分配事件触发那个函数  onload 和 onunload 事件  onchange输入框内容改变失去焦点时自动触发onfocus  onmouseover onmouseout鼠标事件  onmousedownonmouseup 以及 onclick 事件 九 操作DOM节点HTML标签  创建  删除 十 对象  遍历属性Java反射 十一 Browser Object Model 十二 JS库 十三 AJAX

Servlet+Ajax实现搜索框智能提示

孤人 提交于 2019-12-05 04:45:24
     简介:搜索框相信大家都不陌生,几乎每天都会在各类网站进行着搜索。有没有注意到,很多的搜索功能,当输入内容时,下面会出现提示。这类提示就叫做搜索框的智能提示,本门课程就为大家介绍如何使用Servlet和Ajax来实现。主要介绍实现原理和代码的前后台实现过程。 项目结构 首先我们需要先导入以上5个jar包,当然也可以选择maven工程导入相关依赖。   jar包链接:https://pan.baidu.com/s/1MZATGVtahTiKp-B7GYIKUg   提取码:701k   复制这段内容后打开百度网盘手机App 代码实现 SearchServlet.java import com.alibaba.fastjson.JSON; import com.alibaba.fastjson.JSONArray; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io