ajax基础

Posted 黑山大胖子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax基础相关的知识,希望对你有一定的参考价值。

一、JSON

  1.什么是JSON

    JSON是一种数据格式,类似于php中的关联数组,数据时以key和value成对出现的。

  2.适用环境和作用

    JSON可以在js中直接使用,适用于不同语言环境的数据传输,

  3.定义和取值

    JSON定义方法,  var js ={"one":"hello","tow":"wlord"};  

    取值方法,  js["one"]; 以数组方式取值,  js.one; 以JSON方法取值  两种方法都可以取到值

  4.特点

    JSON里面可以存放任意类型的数据,包括JSON,

  5.JSON遍历方法

    JSON用foreach方法遍历,在js中的方式是 for(var k in js)

    for(var k in js){
        alert(js[k]);     //这里只能用数组方式取值  
    }

 

二、ajax

  1.什么是ajax

    ajax是一种即异步javascript和XML,是快速创建动态网页的技术

  2.作用

    可以在不刷新网页的情况下更新网页内容

  3.定义方式 

    ajax在jQuery中使用,如下

        $.ajax({    //引用ajax
            type:"post",    //数据传输方式,有post和get两种方式
            async:true,        //是否异步,默认为true异步
            url:"dza-5-yan.php",    //处理页面地址,一般为可以连接数据库的文件,如PHP
            data:{users:$("#users").val(),pwd:$("#pwd").val()},    //要传输的数据,以JSON方式输入,在处理页面可以直接以$_POST[]方式取值
            dataType:"text",    //传回数据的格式,有text、JSON、XML三种
            success: function(data){    //回调函数,ajax成功传回数据时执行,括号内data代表传回的数据,更新网页的代码主要书写在这里
            
            } 
        })    

  

以上是关于ajax基础的主要内容,如果未能解决你的问题,请参考以下文章

AJAX相关JS代码片段和部分浏览器模型

Javascript代码片段在drupal中不起作用

前端面试题之手写promise

Ajax 片段元标记 - Googlebot 未读取页面内容

执行AJAX返回HTML片段中的JavaScript脚本

[vscode]--HTML代码片段(基础版,reactvuejquery)