随笔分类 -  AJAX

近来带学生，讲到AJAX，把这部分内容整理下来，以方便以后学生学习和自己讲课
AJAX（七）jsonp实战--天气预报
摘要：一、案例 本次要做的案例的是使用jsonp制作一个查询天气情况的网页，我会从如何抓取数据接口，到一步一步完成这个案例来详细讲解。 这个页面样式非常简单，截图如下。用户需要先选择一个城市，然后点击查看天气，那么最近5天的天气数据，就会展示到下面。 二、数据从何而来 当然我们不可能自己建气象站，我们只有 阅读全文
posted @ 2018-10-06 22:43 天天向上吧 阅读(1152) 评论(1) 推荐(0)
AJAX（六）jsonp原理详解
摘要：一、什么是jsonp？ 先别管什么叫jsonp，我们先来看一个小问题，看完这个问题你就知道jsonp是要解决什么问题的，自然也就明白什么是jsonp了。 问题： 之前做的例子如果在同一个域名下运行时是非常正常的，但如果这个数据接口是在A域名下，而使用了AJAX请求的静态页运行在B域名下，我们就会发现 阅读全文
posted @ 2018-06-27 19:10 天天向上吧 阅读(655) 评论(0) 推荐(0)
AJAX(五)从封装到jQuery的异步api
摘要：一、封装 当我们做项目的时候，可能会在很多地方需要使用AJAX来完成需求，虽然即便是写原生的AJAX也并不算太复杂，但如果每次都重复那几个套路化的步骤还是挺烦人的，所以我们的第一反应就是封装。 对，把这些套路化的代码封装起来。这里的代码当然是指客户端的，那段使用Javascript语言，实现AJAX 阅读全文
posted @ 2018-06-24 00:37 天天向上吧 阅读(1136) 评论(0) 推荐(0)
AJAX(四）实例 -- json格式数据
摘要：本期来讲解在AJAX中使用json格式数据。不过我们先不说json的事，先来做个案例，然后由这个案例我们再来讨论为啥要用json数据，以及怎么用。 一、案例 非常经典，也是非常简单的AJAX案例，省市联动。就是在网上常见的，选择一个省份，然后城市所在的<select>标签中再动态加载进来所选省份包含 阅读全文
posted @ 2018-06-21 19:53 天天向上吧 阅读(305) 评论(0) 推荐(0)
AJAX(三）详解原生POST请求
摘要：post请求与get请求的代码差别很少。还是直接来个例子吧，下面的例子功能是，当id为“userName”的文本框失去焦点（onblur）时，使用AJAX发出post请求，验证用户名是否已经存在。 一、服务端代码。 没啥好解释的，服务端通过Form方式，获取post过来的数据，如果是“admin”就 阅读全文
posted @ 2018-06-20 19:13 天天向上吧 阅读(886) 评论(0) 推荐(0)
AJAX(二）详解原生GET请求
摘要：上次是最简单的原生JS实现AJAX效果。不过，那简单的步骤不能适应各种不同的浏览器，尤其是万恶的IE，尤其是低版本的IE浏览器。本期就来搞定各个浏览器，以及其他各项参数的设置。 一、服务端代码 服务端代码仍然使用.NET一般处理程序，这次的逻辑略有改动，通过QueryString获取一个key为ty 阅读全文
posted @ 2018-06-20 11:56 天天向上吧 阅读(1335) 评论(0) 推荐(0)
AJAX（一）初识AJAX
摘要：一、什么是AJAX AJAX的全称是Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 简单的说就是，AJAX是用来做异步刷新的。 二、最简单的AJAX 我们通过一个小demo，用最简单的代码，实现使用原生的Javascript代码，从服务端 阅读全文
posted @ 2018-06-20 01:43 天天向上吧 阅读(262) 评论(0) 推荐(0)