20151209jquery学习笔记Ajax 代码备份

最新推荐文章于 2025-08-22 19:09:26 发布

转载最新推荐文章于 2025-08-22 19:09:26 发布 · 85 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiaoduc-org/p/5034049.html

文章标签：

#javascript #json #ViewUI

本文介绍如何利用jQuery简化Ajax请求的过程，特别是在处理表单数据的序列化方面。通过实例展示了不同方式将表单数据转换为键值对并发送到服务器的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*$(function () {
	$("input").click(function() {
        $.ajax({
			type:'POST',
			url:'test.php',
			data:{
				url:'ycku'
				},
				success: function(response,status,xhr){
					$("#box").html(response);
					}
			});
    });
});



$(function () {
	$('form input[type=button]').click(function() {
        $.ajax({
			type:'POST',
			url:'user.php',
			data:{
				user:$('input[name=user]').val(),
				email:$('input[name=email]').val()
				},
				success: function(response,status,xhr){
					$("#box").html(response);
					}
			});
    });
});
*/
/*表单序列化*/
$(function () {
	/*$('form input[type=button]').click(function() {
        $.ajax({
			type:'POST',
			url:'user.php',
			data:$("form").serialize(),
				success: function(response,status,xhr){
					$("#box").html(response);
					}
			});
			alert($('form').serialize());//字符串形式的键值对，并且还对URL进行了编码
    });
	$('form input[name=sex]').click(function() {
       //$('#box').html(decodeURIComponent($(this).serialize()))
	   // $('#box').html($(this).serializeArray())
	   //console.log($('#box').html($(this).serializeArray()))
	   var json=$(this).serializeArray();
	   $('#box').html(json[0].name+'='+json[0].value());
    });
	$('form input[type=button]').click(function() {
		//初始化重复的属性
		$.ajaxSetup({
				type:'POST',
			    url:'user.php',
			    data:$("form").serialize(),
				});
        $.ajax({
				success: function(response,status,xhr){
					$("#box").html(response);
					}
			});
			
			
    });
	*/
	$('form input[type=button]').click(function() {
        $.ajax({
			type:'POST',
			url:'user.php',
			data:$.param({
				user:$('input[name=user]').val(),
				email:$('input[name=email]').val()
				}),
				success: function(response,status,xhr){
					$("#box").html(response);
					}
			});
    });
});

转载于:https://www.cnblogs.com/xiaoduc-org/p/5034049.html