jQuery的后台数据交互的工具方法

1.$.parseJSON()    把JSON类型的字符串,转换成真正的JSON数据

只能针对json类型的字符串(安全性比较好),必须是严格的json,既key值,和value值必须都是"",双引号

var a = '{"name":"hellow","age":"20"}';        // 一个字符串,长得和json类似
var json = $.parseJSON(a);
console.log(json.name);        // 这回就能打印出name了

2.$.parseHTML()    转换成html的形式的字符串,转成DOM节点,放到一个数组中

用在jq中,很少用到

var a = '<div>div</div><span>span</span>';
var arr = $.parseHTML(a);
arr[1].innerHTML = 'hello';        // 可以更改值
$('body').apped(arr[1]);

3.ajax的小实例

url:地址
data:传输的数据
success:成功之后返回的结果
type:get和post,默认get
error:数据请求失败
dateType:'json',
async:是否异步,默认开启
<form action="reg.php">
    <input id="input1" type="text" name="user" autocomplete="off">
    <input type="submit" value="注册">
</form>
<div id="div1"></div>

$(function(){
    $('#input1').on('input',function(){
        $.ajax({
            url : 'user.php',
            data : {user : $(this).val() },
            success:function(data){
                if(data==1){
                    $('#div1').html('可以注册哦');
                }else if(data==0){
                    $('#div1').html('该账号已经注册');
                }
            },
            error : function(err){
                console.log(err.status);
            }
        })
    });
});



/****/
$.ajax({
    url : 'user.php',
    data : {user : $(this).val() },
    dateType:'json';    // 必须是json类型,如果不是,则会转失败
    success:function(data){
        // 自动转换为json,上面dateType已经定义了json类型
        console.log(data);
        console.log( typeof data);
        // 手动转换为json数据
        // var dataJson = $.parseJSON(data);
        // console.log(dataJson);
        // console.log( typeof dataJson );
    },
    error : function(err){
        console.log( err );
    }
});
JSRUN notes