jQuery ajax - ajaxSend() 方法

最新推荐文章于 2023-10-12 16:26:43 发布

最新推荐文章于 2023-10-12 16:26:43 发布 · 437 阅读

文章标签：

#javascript #ViewUI

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

$("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; })