ajax

本文介绍了一个使用AJAX进行异步数据交换的过程,包括发送请求、设置HTTP头部信息及处理服务器响应的方法。通过示例代码展示了如何动态更新网页内容而不需重新加载整个页面。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

function fy_sendvalue(value)//
{
   var url="ajax_query_zhexian.php";
   var postStr="fy="+value;
   var ajax = InitAjax();
   ajax.open("POST", url, true);
   ajax.setRequestHeader("content-length",postStr.length);
  ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
   ajax.send(postStr); 
  ajax.onreadystatechange = function() {
  //如果执行状态成功,那么就把返回信息写到指定的层里 
      if ((ajax.readyState == 4) && (ajax.status == 200)) {
                  fy_num_display(ajax.responseText);
                 }
             else{

        }
   }
}

 


function InitAjax()
{
 var ajax=false;
 try {
  ajax = new ActiveXObject("Msxml2.XMLHTTP");
 } catch (e) {
   try {
   ajax = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (E) {
   ajax = false;
  }
 }
 if (!ajax && typeof(XMLHttpRequest) !='undefined') {
  ajax = new XMLHttpRequest();
 }
 return ajax;
}

 

   $dangci=iconv("utf-8","gb2312",urldecode($_POST["dangci"]));
   $jibie=iconv("utf-8","gb2312",urldecode($_POST["jibie"]));
   $pinzhong=iconv("utf-8","gb2312",urldecode($_POST["pinzhong"]));

 

function search_product(){
 var dangci = document.getElementById("dangci").value;
 var jibie = document.getElementById("jibie").value;
 var pinzhong= document.getElementById("pinzhong").value;
 var pagesize= document.getElementById("pagesize").value;
   if(pagesize==5){
     getstyle(".body_left").height =  '970px';
     getstyle(".body_right").height = '970px';
      }else if(pagesize==10){
     getstyle(".body_left").height = '1850px';
     getstyle(".body_right").height = '1850px';
   }else{
     getstyle(".body_left").height = '2750px';
     getstyle(".body_right").height = '2750px';
   }
 var page=1;  
 getXML(jibie,dangci,pinzhong,pagesize,page);
}
function getXML(jibie,dangci,pinzhong,pagesize,page){
    var ajax = InitAjax();
 var url = "ajax_product.php";
  var poststr = "jibie=" + jibie + "&dangci=" + dangci + "&pinzhong=" + pinzhong + "&pagesize=" + pagesize + "&page=" + page;
 poststr = encodeURI(poststr);
 poststr = encodeURI(poststr);
 ajax.open("POST",url,true);
 ajax.setRequestHeader("content-length",poststr.length);
 ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
 ajax.send(poststr);
 ajax.onreadystatechange = function(){
     if ((ajax.readyState == 4) && (ajax.status == 200)){
      document.getElementById("show_page").parentNode.removeChild(document.getElementById("show_page"));
      document.getElementById("show_product").parentNode.removeChild(document.getElementById("show_product"));
   document.getElementById("product_right_body").innerHTML += ajax.responseText;
  } 
 }
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值