ajax和json js数据类型和操作

Posted 2020-10-06

 

字符串（String）、数字(Number NAN字符串转换数字失败)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。

 

 

<form>
    <input type="text" id="user">
    <input type="password" id="pwd">

</form>
    <input type="button" value="提交">
<script src="{% static ‘/dist/js/jquery-3.2.1.js‘ %}"></script>
<script>

{#    <!--parse只能解符合json格式的字符串转换成js对象(也是json对象）-->#}
{#    var ret=JSON.parse(‘{"name":"alex"}‘)#}
{#    console.log(ret)#}
{#    var ret=JSON.parse(‘[11,22,33,333]‘)#}
{#    console.log(ret)#}
{#    //讲js对象转换成符合json格式的json字符串#}
{#    console.log(JSON.stringify({name:"alex"}))#}
{#    console.log(JSON.stringify({name:undefined}))#}
    $(‘input[type="button"]‘).click(function () {
        $.ajaxSetup({
            data: {csrfmiddlewaretoken: ‘{{ csrf_token }}‘ },
        });
        $.ajax({
            url:‘/app01/test/‘,
            type:‘POST‘,
            data:{"username":$(‘#user‘).val(),‘password‘:‘123‘},   //只要是一个json格式的数据都行{"username":$(‘#user‘).val(),‘password‘:‘123‘}
            success:function (data) {
                console.log(JSON.parse(data))
            }
        })
    })
</script>

def tp1(request):
    return  render(request,‘test.html‘)

def test(request):
    ‘‘‘ajax使用‘‘‘
    import json,time
    time.sleep(5)
    print(request.method)
    data=json.dumps({‘status‘:True})
    # username = request.GET.get(‘username‘)
    # password = request.GET.get(‘password‘)
    username=request.POST.get(‘username‘)
    password=request.POST.get(‘password‘)
    print(‘@@@@@@@‘,username,password)
    #返回json到前端
    return HttpResponse(data)