利用JS使POST方式提交请求

刘德胜 198次浏览

摘要:在网站中加入搜索功能,难免有时那个提交的按钮难看,那么就可以用JS模拟一个POST请求,有兴趣的同学可以尝试一下。html代码查找:<inputtype="text"id="s"placeholder="请输入关健字"class="s"><s...

在网站中加入搜索功能,难免有时那个提交的按钮难看,那么就可以用JS模拟一个POST请求,有兴趣的同学可以尝试一下。

html代码

查找:<input type="text" id="s" placeholder="请输入关健字" class="s"> <span class="glyphicon glyphicon-search" onclick="funsuo()"></span>

js代码

      function post(URL, PARAMS) {      
          var temp = document.createElement("form");   
          temp.action = URL;   
          temp.method = "post"; 
          temp.style.display = "none";  
          for (var x in PARAMS) {   
              var opt = document.createElement("textarea");
              opt.name = x;      
              opt.value = PARAMS[x];  
              temp.appendChild(opt); 
          }        
          document.body.appendChild(temp);  
          temp.submit();
          return temp;   
      }             
            
      function funsuo(){
        var s = $("#s").val();
        if(s==''){
          alert("关健字不能为空!");
        }
        post('<?=URL_TPL?>/Jobhunting_s/index.shtml', {s :s});
      }