protected void Page_Load (object sender, EventArgs e)
{
Hashtable ht = new Hashtable ();
String name = request.params["Name"].tostring ();
String birth = request.params["Birthday"].tostring ();
if (!string.isnullorempty (name) &&!string.isnullorempty (birth))
{
//response.contenttype = AP Plication/json ";
//response.write (Crearejson ("This is ok!", 1, name, birth));
Ht.add ("info", "successful");
Ht.add ("STA", "state");
Ht.add ("name", name);
Ht.add ("Birth", birth);
Response.Write (Createjsonparams (HT));
}
Response.End ();
}
Private String Createjsonparams (hashtable items)
{
String returnstr = ";
foreach (DictionaryEntry item in items)
{
Returnstr + = "" + item.key.tostring () + "": "+ item.value.to String () + "", ";
}
Return "{" + returnstr.substring (0,returnstr.length-1) + "}";
}
Front Code
<!doctype HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.111cn.net/tr/xhtml1/dtd/ Xhtml1-transitional.dtd ">
<title> Untitled Page </title>
<style type= "Text/css Tutorial" >
. show{Display:block;}
. hide{Display:none;}
</style>
<script type= "text/web Effects" src= "Jquery/jquery-1.2.6.js" ></script>
<script type= "text/web Effects" >This method encapsulates the Ajax method for easy invocation.
function Myajax () {
var obj=jsondata ();
$.ajax ({
Type: ' Post ',
URL: ' ajax.asp tutorial x ',
Data:jsondata (),//can be directly added to a function name.
DataType: ' JSON ',
Beforesend:beforecall,
Success:callback
});
}
Encapsulates JSON data for code clarity
function Jsondata () {
var jsonstr= "({";
jsonstr+= "" Name ":";
jsonstr+= "" Tree "";
jsonstr+= ",";
jsonstr+= "" id ":";
jsonstr+= "" 123 "";
jsonstr+= "})";
Return eval (JSONSTR);/The key is the conversion.
}
Pre-Invoke method, unsuccessful
function Beforecall () {
$ (' #wait '). AddClass ("Show"). Append (' pull in ... ');
Alert (');/whether the test calls the
}
callback function
function callback (data) {
$ (' #response '). Append (data.name+data.id);
$ (' #wait '). CSS ("display", "none");
}
OnLoad () event
$ (function () {
$ (' #confirm '). Click (Myajax);
})
</script>
<body>
<div id= "Confirm" > Click </div>
<div id= "Response" > Receive background Data </div>
<div id= "Wait" class= "Hide" >hello</div>
</body>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
