ajax type: form jquery 如何使用？例子

Question

？thk u

Answer 1

 <script>
        function testAjax(myName)
        {
            $.ajax({
                type:"POST",
                url:"Ajax_test.ashx?act="+myName,
                datatype:"html",
                success:function(Result)
                {
                    switch(Result)
                     {
                        case "ok":
                            alert("可以进入！");
                            break;
                        case "err":
                            alert("不可以进入！");
                            break;
                     }
                }
            });
        }
    </script>

Answer 2

接收的Ajax_test.ashx页面using System;
using System.Web;public class Ajax_test : IHttpHandler {
  
    public void ProcessRequest (HttpContext context) {        string test = null;
        
       string act=context.Request.QueryString["act"];
        
       switch (act)
       {
           case "mode1":
               context.Response.Write("ok");
               break;
           case "mode2":
               context.Response.Write("err");
               break;
       }
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }}

Answer 3

$(document).ready(function() {  
    
   $('#myForm').ajaxForm(function() {   
       alert("");  
    }); 
}); 

Answer 4

一个表单中有n多数据，如何用post

Answer 5

function check()
{
    checkForm.init("test","只能是数字","email");
}
var checkForm={
    email:function(objValue){
        return /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(objValue);
    },
    digital:function(objValue){
        return /^[1-9]\d*$/.test(objValue);
    },
    str:function(objValue){
        return /^\w+$/.test(objValue);
    },
    _err:"",
    _obj:"",
    _flag:true,
    init:function(obj,message,checkType)
    {        if(!$("#"+obj))
        return;
        this._obj=obj;
        obj=$("#"+obj);
        switch(checkType){
            case "email":
                if(!this.email(obj.val()))
                {
                    this._err=message;
                    this.show();
                }
                break;
            case "empty":
                if(obj.val()=="")
                {
                    this._err=message;
                    this.show();
                }
                break;
            case "digital":
                if(!this.digital(obj.val()))
                {
                    this._err=message;
                    this.show();
                }
                break;
            case "str":
                if(!this.str(obj.val()))
                {
                    this._err=message;
                    this.show();
                }
                break;
            default:
                return;
                break;
        }
    },
    show:function(){
        var objPosition=this.getAbsolutePos(this._obj);
        objPosition.y-=54;
        var box=document.createElement("Div");
        box.id="showDiv";
        with(box.style)
        {
            position = "absolute";
            top = (objPosition.y+5) + "px";
            left = (objPosition.x) + "px";
        }
        box.appendChild(this.ShowContent());
        document.body.appendChild(box);
    },
    hidden:function(){
        var obj=document.getElementById("showDiv");
        if(!obj)
        return;
        document.body.removeChild(obj);
    },
    ShowContent:function(){
        var width ="-2px";
        var content = document.createElement("DIV");
        var contentPadder = document.createElement("DIV");
        var msg = document.createElement("DIV");
        this._err = ""
       }
        msg.innerHTML = this._err;
            
        with(msg.style){
            overflow = "hidden";
            
        }
        contentPadder.appendChild(msg);
        content.appendChild(contentPadder);
        return content;
    },
    getAbsolutePos:function(el) {
    el=document.getElementById(el);
    var SL = 0, ST = 0;
    if (el.scrollLeft)
        SL = el.scrollLeft;
    if (el.scrollTop)
        ST = el.scrollTop;
    var r = { x: el.offsetLeft - SL, y: el.offsetTop - ST };    return r;
}
}</script><p>&nbsp;</p>
<p>&nbsp;</p>
<p>　　　　　　
  <input type="text" id="test">
  <input type="button" onclick="check()" onblur="checkForm.hidden()"  value="检查有效性" />

Answer 6

function getData(){
    $("#list").html("");
    $.getJSON(
    "jsondata.ashx",
    {name:"test",age:20},
    function(json){
    $.each(json,function(i){
    $("#list").append("<li>name:"+json[i].name+"&nbsp; Age:"+json[i].age+"</li>")
    })
    })
    }
    </script>
</head>
<body>
    <input id="Button1" type="button" value="获取数据" onclick="getData()" />
   <ul id="list"></ul>
</body>
</html>using System;
using System.Web;
public class jsonData : IHttpHandler {
    public void ProcessRequest (HttpContext context) {
       context.Response.ContentType = "text/plain";
       string data = "[{name:\"A\",age:24},{name:\"B\",age:23}]";
        string querystrname = context.Request.QueryString.GetValues("name")[0];
        string querystage = context.Request.QueryString.GetValues("age")[0];
        
        context.Response.Write(data);
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }}

Answer 7

你参考参考吧，JSON这东西你去找下资料，知道原理才更清楚