html与php数据交互的方法

html与php数据交互的方法？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！

成都创新互联公司企业建站,十余年网站建设经验，专注于网站建设技术，精于网页设计，有多年建站和网站代运营经验，设计师为客户打造网络企业风格，提供周到的建站售前咨询和贴心的售后服务。对于成都做网站、网站设计、外贸营销网站建设中不同领域进行深入了解和探索，创新互联在网站建设中充分了解客户行业的需求，以灵动的思维在网页中充分展现，通过对客户行业精准市场调研，为客户提供的解决方案。

php文件与HTML页面的数据交互

HTML发送（使用POST发送）

    

        
 
            
dog
            
cat
        
    
    
    

注：关键操作

var request = new XMLHttpRequest();
request.open("POST", "servertest.php");
var q = "data=" + writeArray;// 生成信息体q = “name “+ value
request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
request.send(q);
//HTML页面POST发送内容后，php通过超全局变量 $_GET 和 $_POST收集

php接收（使用超全局变量$_GET 和 $_POST收集）

注：关键操作
searchWrite=searchWrite=_POST["data"]；
使用超全局变量 $_POST收集name对应的value放入$searchWrite，于是得到了HTML页面发送的数据，可以用了
HTML页面通过json获取php的变量
php发送（通过echo返回json格式的数据对）
注：关键操作
$result = '{"success":true,"defaultSearch":"'.$defaultSearch.'"}';//将待返回内容改为json格式
   echo $result;//HTML页面的json部分将从echo的输出获取json格式化数据对，因此echo输出内容需要为json格式
HTML接收（通过GET接收php echo返回的json格式的数据对）
关键操作：
$.ajax({
　　 type: "GET",
        url: "default_search.php?data=" + "searchArray",
        dataType: "json",
        success: function(data) {
   　　  If(data.success){alert(data.defaultSearch);}
//data为php使用echo输出的json格式的数据对,通过data.name的形式即可以使用name对应的value
         },
         error: function(jqXHR){     
         　　alert("发生错误：" + jqXHR.status);  
         },     
    });
});
感谢各位的阅读！看完上述内容，你们对html与php数据交互的方法大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注创新互联行业资讯频道。
            
            
                        

            当前文章：html与php数据交互的方法            

            文章源于：http://cxhlcq.com/article/godhho.html