jQuery ajax简单用法

<a id="ajax_submit">悄悄提交</a>
<script>
        $('#ajax_submit').click(function () {
            $.ajax({
            url:"/host/",
            type:'POST',
            data:{'k1':123,'k2':'root'},
            success:function (data) {
                alert(data)
                if(data =='OK'){
                    location.reload()
                }else{
                    alert(data)
                }


            }
        })
        })
    </script>
<a id="ajax_submit">悄悄提交</a>

httpresponse(json.dumps(ret))
parse()#前端转换成json

$('#form').serialize(),#表单中的值全部发到后台

getlist
traditional:true#发送列表不处理

Ajax:
            $.ajax({
                url: '/index/',
                data: {'k': 'v', 'list': [1,2,3,4], 'k3': JSON.stringfy({'k1': 'v'}))}, $(form对象).serilize() 
                type: 'POST',
                dataType: 'JSON':
                traditional: true,
                success:function(d){
                    location.reload()              # 刷新
                    location.href = "某个地址"     # 跳转
                }
            })

 可选字段:
1)url:链接地址,字符串表示
2)data:需发送到服务器的数据,GET与POST都可以,格式为{A: '...', B: '...'}
3)type:"POST" 或 "GET",请求类型
4)timeout:请求超时时间,单位为毫秒,数值表示
5)cache:是否缓存请求结果,bool表示
6)contentType:内容类型,默认为"application/x-www-form-urlencoded"
7)dataType:服务器响应的数据类型,字符串表示;当填写为json时,回调函数中无需再对数据反序列化为json
8)success:请求成功后,服务器回调的函数
9)error:请求失败后,服务器回调的函数
10)complete:请求完成后调用的函数,无论请求是成功还是失败,都会调用该函数;如果设置了success与error函数,则该函数在它们之后被调用
11)async:是否异步处理,bool表示,默认为true;设置该值为false后,JS不会向下执行,而是原地等待服务器返回数据,并完成相应的回调函数后,再向下执行
12)username:访问认证请求中携带的用户名,字符串表示
13)password:返回认证请求中携带的密码,字符串表示
不知道将最后两个放到data中去,是不是密码会以明文展示,因没有尝试过,这里不敢下结论。














原文地址:https://www.cnblogs.com/anhao-world/p/14635341.html