Node.js的静态页面想通过jQuery的Ajax函数调用远程服务的措施无效
程序下载:https://files.cnblogs.com/files/xiandedanteng/nodejsMakejqueryAjaxInvalid.rar
在 http://www.cnblogs.com/xiandedanteng/p/7517398.html 这个例子中,使用静态页面调用angularjs库去获取SpringBoot提供的JSon列表失败了。
于是我换了jQuery的库,jQuery的dom操作还有效,但ajax操作就无效了,页面代码如下:
<!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>Node.js静态页面展示</title> <link rel='stylesheet' href='/css/style.css'/> <!-- <script src="/js/jquery-1.7.2.min.js" type="text/javascript"/> 这样写整个页面出不来--> <script src="/js/jquery-1.7.2.min.js" type="text/javascript"></script> <script src="/js/test.js" type="text/javascript"></script> </head> <body onload="run()"> <div class="main"> <div class="content"> <div> <img src="/img/jkx.png"/> </div> </div> </div> <div class="side"> <ul> <li>菜单一</li> <li>菜单二</li> <li>菜单三</li> <li>菜单四</li> </ul> </div> </body> </html> <script type="text/javascript"> <!-- function run(){ //changeLiText(); } /***************************************************** * 窗口载入时调用的启动函数 *****************************************************/ $(document).ready(function() { $(".side ul li").html("1"); loadRemoteData(); }); /***************************************************** * 取出远程服务器数据 *****************************************************/ function loadRemoteData(){ var url="http://localhost:8080/list"; $.ajax({ url: url,// 请求的地址 data:{url:url},// 请求参数 type: "get",// 请求方式 success: function(data) { // 成功时的回调函数 alert($(data).text()); }, timeout: 5000,// 超时时间,超时后会调用error后的函数 error: function(XMLHttpRequest, textStatus, errorThrown) { var errMsg=""; errMsg+=("XMLHttpRequest.status="+XMLHttpRequest.status); errMsg+=("XMLHttpRequest.readyState="+XMLHttpRequest.readyState); errMsg+=("textStatus="+textStatus); alert(errMsg); // 404 请求地址无效 if(XMLHttpRequest.status=='404'){ alert("执行loadRemoteData()函数时,请求地址无效"); return; } // 请求失败时被调用的函数 alert("执行loadRemoteData()函数时,请求超时5000毫秒无响应"); } }); } //--> </script>
把页面调起来出现alert,提示:
XMLHttpRequest.status=0
XMLHttpRequest.readyState=0
textStatus=error
这个明显是xhr尚未初始化的状态,何谈调用远程服务。
看来jQuery和AngularJS一样出现了xhr未初始化的问题。
Node.js的静态页面想通过jQuery的Ajax函数调用远程服务的措施无效的更多相关文章
- 使用Node.js搭建静态资源服务器
对于Node.js新手,搭建一个静态资源服务器是个不错的锻炼,从最简单的返回文件或错误开始,渐进增强,还可以逐步加深对http的理解.那就开始吧,让我们的双手沾满网络请求! Note: 当然在项目中如 ...
- 通过node.js读取html页面及其页面中引入的css样式
Node 是什么? Node 是一个基于Chrome V8 引擎的JavaScript 运行环境. Node 不是一种独立的语言.Node不是 JavaScript 框架, Node是一个除了浏览器之 ...
- node.js简单的页面输出
在node.js基本上没有兼容问题(如果你不是从早期的node.js玩起来),而且原生对象又加了这么多扩展,再加上node.js自带的库,每个模块都提供了花样繁多的API,如果还嫌不够,github上 ...
- Node.js +Express+MongoDB+mogoose+ejs+bootstrap+jquery
Node.js + MongoDB 项目实战(二) 创建项目 在项目实战(一)中,已经配置好了开发环境(详见:http://www.cnblogs.com/jameslong/articles/34 ...
- 使用highlight.js高亮静态页面的语言代码
显示静态的代码其实html的pre标签基本可以满足需求了,至少不会将换行的文本显示成一堆字符串. 不过能使静态的文本能高亮显示,倒更炫酷一点.其实很简单的,引入highlight.js包,可以使用cd ...
- js实现静态页面跳转传参
最近有个项目: 存静态web服务,一个新闻页面列表出所有新闻摘要信息,然后通过点击新闻详情访问到该新闻的详情页面: 新闻展示的页面通过ajax请求接口获取到新闻的摘要信息,预计想通过id的方式访问到新 ...
- 一个基于React整套技术栈+Node.js的前端页面制作工具
pagemaker是一个前端页面制作工具,方便产品,运营和视觉的同学迅速开发简单的前端页面,从而可以解放前端同学的工作量.此项目创意来自网易乐得内部项目nfop中的pagemaker项目.原来项目的前 ...
- 原生node实现本地静态页面的展示
var http = require("http"); var fs = require("fs"); var url = require("url& ...
- JS控制静态页面之间传递参数获取参数并应用
在项目中遇到这也一个问题: 有a.html和b.html. 1.a页面已经打开,b页面尚未打开,我希望在a页面设置好一些列参数,比如背景色,宽度等参数,传递给b页面,好让b页面在打开就能应用. 2.a ...
随机推荐
- c#字典序
using System; using System.Collections.Generic; public class Example { public static void Main() { / ...
- i18n(国际化) 和l18n(本地化)时的地域标识代码
i18n(国际化) 和l18n(本地化)时的地域标识代码 格式如 zh-CN(语言-国家) i18n(国际化) 和l18n(本地化)时的地域标识代码 格式如 zh-CN(语言-国家) 国家说明 语言说 ...
- CodeWarrior的map文件详解
前言 map文件保存了你的整个程序编译链接后的各种信息,包括编译器链接器信息,内存分配信息,对象依赖等,每次编译链接程序后,这个文件都会被覆盖重新生成. 对我来说,它最主要的作用是它详尽的描述了整个程 ...
- 自定义View Measure过程(2)
目录 目录 1. 作用 测量View的宽/高 在某些情况下,需要多次测量(measure)才能确定View最终的宽/高: 在这种情况下measure过程后得到的宽/高可能是不准确的: 建议在layou ...
- calc(NOIP模拟赛Round 3)
原题: D e s c r i p t i o n 给三个正整数n,m和p,求(n^1+...n^m) mod p. Input 一行,三个整数n,m和p. Output 输出答案. S a m p ...
- java获取当前类名和方法名
Description Below I present you two different ways to get the current Class: Using Thread Using getC ...
- os.path.isfile的错误
今天写了一个程序,读取子目录(source)下的所有文件,然后转换. 程序一部分代码如下: def DtoTab(dsrc, dtarget): try: for item in os.listdir ...
- 我在16aspx网上下载了个C#源码,如何能在我自己的计算机上跑起来,很急!求详细操作过程!
先搞清楚是WINDOWS程序还是WEB程序.
- codeforces-574B
题目连接:http://codeforces.com/contest/574/problem/B B. Bear and Three Musketeers time limit per test 2 ...
- MySql笔记之修改MySQL提示符
首先,了解下MYSQL提示符是神马东东 就是每次登陆mysql后出现的提示符 如果我们不喜欢这个提示符呢,那我们就改成我们喜欢的样子. 系统参数提示符 举个栗子 就改成相应的提示符了,那么可否随意改名 ...