jquery implementation form form based on Ajax No Refresh submission method detailed _jquery

This article illustrates the jquery implementation form form based on Ajax without a refresh submission method. Share to everyone for your reference, specific as follows:

First, create a new login.html page:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">  

Then, create a new login.aspx to receive and process the data:

<%@ Page language= "C #" autoeventwireup= "true" codebehind= "Login.aspx.cs" inherits= "Jsdemo.login" responseencoding = "gb2312"%>
<%
 string strName = System.Web.HttpUtility.UrlDecode (request["txtname"]);
 String strpass = System.Web.HttpUtility.UrlDecode (request["Txtpass"]);
 BOOL login = false;
 if (strName = "admin" && strpass = = "Admin")
 {
  login = true;
 }
 Response.Write (login);
%>

Add: Form uses AJAX to submit a complete instance:

Convert form to Ajax commit
 function Ajaxsubmit (URL,FRM,FN) {
  var datapara=getformjson (frm);
  $.ajax ({
   url:url,
   type: "Post",
   Data:datapara,
   async:false,
   dataType: ' txt ',
   SUCCESS:FN
  });
 }
 Converts a value in a form to a key value pair
 function Getformjson (frm) {
  var o={};
  var a=$ (frm). Serializearray ();
  $.each (A,function () {
   if (o[this.name]!==undefined) {
    if (!o[this.name].push) {
     o[this.name]=[o[ THIS.name]];
    }
    O[this.name].push (This.value | | '');
   } else{
    O[this.name]=this.value | | '';
   }
  });
  return o;
 }
//
 /Foreground call mode
 function Autosubmitfun () {
   ajaxsubmit ("Autosumitscoreajax.action", $ (' #formId '), function () {});
*/

I hope this article will help you with the jquery program design.