KSA前端底层开发文档-凯撒PHP框架

$.ajax( options ) 静态调用

与jQuery相比，精简了AJAX的参数，且所有请求均为异步

options参数

类型

介绍

url

请求地址

data

json

需要发送的数据

type

get/post

设置请求方式

dataType

json/xml/jsonp/script

返回数据的格式

timeout

timestamp

请求超时时间（以毫秒计）

success

function( data ){}

请求成功的回调函数

回调参数	介绍
data	Url返回的内容(根据dataType自动格式化)

error

function( data , StatusCode ){}

请求失败的回调函数

回调参数	介绍
data	Url返回的内容
StatusCode	http状态码

complete

function( data , StatusCode ){}

请求完成的回调函数（无论是否成功）

回调参数	介绍
data	Url返回的内容
StatusCode	http状态码

header

json

设置请求头
key=请求参数 value=请求值如：
{Accept: "application/json; charset=utf-8"}

jsonpCallback

string

jsonp回调函数名

<form method="post" class="ajaxdemo-1" enctype="multipart/form-data" onsubmit="ajaxSubmit();return false">
                <input type="text" name="name" value="张三" placeholder="姓名">
                <input type="file" name="upload" value="">
                <button type="submit">提交</button>
            </form>
            <div class="ajaxdemo-1-return" style="margin-top: 30px; color: #f00">随便填写内容后点提交试试</div>
            <script>
                function ajaxSubmit(){
                    var post = $('.ajaxdemo-1').formData(true); //这里一定要给true

$.ajax({
                        url : '/document/demo/ajaxTest', //ajax通信地址
                        data : post, //ajax POST数据
                        type : 'POST', //ajax提交方式为POST
                        dataType : 'JSON', //返回的数据类型是json
                        success : function(res){ //成功回调函数
                            var dt = [];
                            dt.push('POST:')
                            $.loop(res.result.POST, function(value, key){
                                dt.push(key+' : '+value);
                            });
                            dt.push('---------------')
                            dt.push('Files:')
                            $.loop(res.result.FILES, function(value, key){
                                dt.push(key+' : '+value.name+' Size:'+value.size);
                            });
                            $('.ajaxdemo-1-return').html(dt.join('<br>'));
                        },
                        error : function(result, errorCode){
                            alert('AJAX通信失败! 错误码：'+errorCode);
                        }
                    });

return false; //这里必须给false 让表单不自动提交
                }

</script>

demo中演示了 POST数据收集、AJAX上传、AJAX回调

技巧：如果需要用form标签进行ajax提交时，需要给onsubmit事件加上 return false

.formData( isFormData )

获取指定元素下(不仅仅是Form)所有表单的值，并返回一个JSON或FormData常规表单数据ajax离不开的formData

参数	类型	介绍
isFormData	true/false	默认false true=要求返回一个FormData对象，该对象可直接给ajax option.data使用

如果ajax上传图片，必须传参数true

.serialize()

获取指定元素下(不仅仅是Form)所有表单的值，并返回一串url参数

该方法不支持任何参数

.submit()

将集合内所有元素执行提交操作（form）

该方法不支持任何参数