$.ajax,$.get,$post,serialize,serializeArray方法使用

ajax的jquery方法

jquery的ajax的jsonp发送请求方法$.ajax

参考jquery手册

• 下面是简单使用

$('button').on('click', function() {
   $.ajax({
		type: 'get',
		url: '/jsonp',
		dataType: 'jsonp',
		jsonp: 'cb',
		success: function(data) {
		console.log(data)
    }
    })
})
/* dataType参数名称是发送jsonp属性设置
*	jsonp 修改callback参数名称
*/ jsonCallback 指定函数名称

jquery的ajax的$.get方法和$.post方法

参考jquery手册
参考jquery手册

• 简单使用

$(document).ready(function() {
    $('button').on('click', function() {
        // $.get('text.html', 'name=jinkai&age=20', function(response) {
        //     console.log(response)
        // })
        $.post('/post', 'name=jinkai&age=20', function(response) {
            console.log(response)
        })
    })
})

jquery的serialize方法及serializeArray()方法

• serialize作用:将表单中数据自动拼接成字符类型的参数(Formdate不支持低版本)
• serializeArray作用:序列化表格元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据。类似这种([{name: 'xx', value: 'xx'}, {[]},...])

参考jquery手册
参考jquery手册

<form id="form">
        <input type="text" name="username" />
        <input type="password" name="password" />
        <input type="submit" value="提交" />
</form>
<script>
    $('#form').on('submit', function() {
        // var str = $('#form').serialize()
        // console.log(str)
        var temp = serializeObj($(this))
    })
// 这里新建函数来封装一下
    function serializeObj(obj) {
        var result = {}
        var parms = obj.serializeArray()
        $.each(parms, function(index, value) {
            result[value.name] = parms[value.value]
            return result
        })
    }
</script>