jQuery ajax - ajaxSend() 方法

iteye_6481

于 2012-05-11 13:05:00 发布

阅读量421

点赞数

文章标签： javascript ViewUI

本文介绍了一个使用jQuery实现的简单表单提交功能，并通过AJAX技术实现实时反馈。当用户提交表单时，页面会显示加载提示，并通过GET请求将表单数据发送到服务器端处理程序。此示例展示了如何使用JavaScript和jQuery操作DOM元素、处理用户输入及与服务器交互。

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

$("div:first").ajaxSend(function(){ $(this).html("<font style='background:#990000; color:#FFFFFF;'>loading... </font>"); }); function getQueryString(){ var name=encodeURI(encodeURI($(":text").val().toLowerCase())); var pass=encodeURI(encodeURI($(":password").val().toLowerCase())); return "{name:"+name+",pass:"+pass+"}"; } $(":submit").click(function(){ var name=encodeURI(encodeURI($(":text").val().toLowerCase())); var pass=encodeURI(encodeURI($(":password").val().toLowerCase())); $.get("handler?name="+name+"&pass="+pass,getQueryString(),function(data){ $("div:last").html(data); } ); return false; })