AJax技术

【Html5 数据交互】浅析使用Ajax 实现数据交互

字号+ 作者:H5之家 来源:H5之家 2017-11-07 17:07 我要评论( )

前言很早就想写了的,一直拖啊拖,现在碰巧有时间,就来记录一下对Ajax 的浅析理解吧。在继续写下来的时候,我们首先要简单理解这么写问题。ajax 是什么?用来有

前言

很早就想写了的,一直拖啊拖,现在碰巧有时间,就来记录一下对Ajax 的浅析理解吧。

在继续写下来的时候,我们首先要简单理解这么写问题。ajax 是什么?用来有什么用?怎么使用?使用的时候我们应该注意些什么?

1、 Ajax 是什么?

相信如果要实现一个应用前后端的数据交互,使之后台数据反馈显示在前端页面,如果你接触到的移动端Android 的话,你会知道HttpConnection , 那么如果是前段 Html,那么你就会接触到Ajax了。

作用就是用于把后台通过http封装好的数据存储在URI读取数来数据。

AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。
以上是W3cSchool 里面说的。
简单的来说:你可以用Ajax获取接口数据,实现与后台数据共通

2、Ajax如何使用?

说到他的使用,无非也就是它的代码如何如何使用。使用的话,你首先要有一个接口数据。哈哈哈哈。其他好像也没有什么注意的了,就是你自己必须注意你自己的是什么类型的接口数据。比如 json 还是 xml ... 等等之类的。还有 异步 还是 同步 。有空我会写一篇关于异步同步的文章给自己也巩固一下。
代码如下,简单封装一下(我使用的是jquery封装好的,好吧这可以延伸出js和jquery的对象操作了)

//实现一个接口 (异步) function ajax_get_async(url, data, callback, errorcb) { console.log(g_host + url); return $.ajax({ url: g_host + url,//接口名称 data: data, dataType: "json", cache: false,//是否缓存 type: "GET",//GET请求 POST请求方式 async: true,//是否异步 success: function(data) {//成功回掉的方法 callback(data); }, error: function(jqXHR, textStatus, errorThrown) { console.log('errorThrown='+errorThrown); if(errorThrown != 'abort') { errorcb(); } } }); }

此文仅供没弄过Html5 动态页面的小菜鸡学习,所以浅析也就是这样了。更深层次的东西......emmmm,等到来日吧。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Ajax 和 PHP 实现验证码的实时验证

    Ajax 和 PHP 实现验证码的实时验证

    2017-11-07 17:09

  • Ajax实现的长轮询如何才能不阻塞同一时间内页面的其他Ajax请求(

    Ajax实现的长轮询如何才能不阻塞同一时间内页面的其他Ajax请求(

    2017-11-07 13:04

  • ajax传递一个参数具体实现

    ajax传递一个参数具体实现

    2017-11-07 09:08

  • ajax 传入HashTable 类型的参数,为空

    ajax 传入HashTable 类型的参数,为空

    2017-11-06 08:07

网友点评
a