調用prototype.js的ajax進行post提交方法

index.html代碼如下:

 

<script language="javascript" type="text/javascript" src="/script/prototype.js"></script>
</head>
<body>
<script type="text/javascript">
  function postNewContact(){
   var form = $(’form’);
   var name = $(’act’);
   var url = ’test2.asp’;
   var myAjax = new Ajax.Request(url,{method:’post’,
    parameters: Form.serialize(form),
    onComplete:showResponse});
  }
  function showResponse(originalRequest){
   alert(originalRequest.responseText);
  }
</script>

<form method="post" id="form" name="form">
  <input type="text" name="act" id="act"> 
  <input οnclick="postNewContact();" name="pbut" type="button" value="POST" />
</form>
</body>
</html>


test2.asp:
<%=request("act")%>

 

注:parameters: Form.serialize(form)是提交form表單數據的最簡單方法,即一下方法:

var myAjax = new Ajax.Request(url,{method:’post’,
    parameters: Form.serialize(form),
    onComplete:showResponse});

 

順便寫一下之前編寫的方法:
 var f = document.getElementById("PageForm");
 var type = $F(type);
    var pars = type =' + type ;
    var myAjax = new Ajax.Request(
     url,
     {method: 'post ', parameters:pars, onComplete:showPageList});

發佈了64 篇原創文章 · 獲贊 2 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章