成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

php文件與HTML頁(yè)面的數(shù)據(jù)交互

番茄西紅柿 / 1631人閱讀

摘要：宋體注意首先需要保證本地配置了宋體開發(fā)環(huán)境，如宋體開發(fā)環(huán)境宋體配置黑體獲取黑體頁(yè)面返回的數(shù)組并寫入文檔宋體發(fā)送宋體使用宋體發(fā)送無(wú)標(biāo)題文檔獲取名字為的所有標(biāo)簽項(xiàng)并存入數(shù)組

注意：首先需要保證本地配置了php開發(fā)環(huán)境，如WAMP開發(fā)環(huán)境

WAMP配置：https://www.cnblogs.com/shiyiaccn/p/9984579.html

 

php獲取HTML頁(yè)面返回的數(shù)組并寫入文檔

 

HTML發(fā)送（使用POST發(fā)送）

 

doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無(wú)標(biāo)題文檔title>
head>

<body>
    <div class=search-choose id=search_choose>
        <ul> 
            <li id=search_1 class=search-selected><a href=#>doga>li>
            <li id=search_2><a href=#>cata>li>
        ul>
    div>
    
    <script type=text/javascript>
    　　searchArray = document.getElementsByTagName(li);//獲取名字為’li’的所有標(biāo)簽項(xiàng)并存入數(shù)組
    　　var writeArray = [];
    　　for(var i = 0;i<searchArray.length;i++){
       　　 writeArray[i] = searchArray[i].innerText;//獲取標(biāo)簽內(nèi)容writeArray = [dog,cat];
    　　}
    
    　　//使用POST將數(shù)組writeArray發(fā)送到php文件servertest.php
    　　var request = new XMLHttpRequest();
    　　request.open("POST", "servertest.php");
   　　 var q = "data=" + writeArray;//  q="name"+ value；
    　　//發(fā)送內(nèi)容體由name+value組成，此處name為data，value為writeArray
    　　request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
   　　 request.send(q);
   　　 request.onreadystatechange = function() {
        　　if (request.readyState===4) {
        　　if (request.status===200) { 
        　　} else {
               　　 alert("發(fā)生錯(cuò)誤：" + request.status);
            　　}
        　　} 
   　　 }
    script>
body>
html>

 

注：關(guān)鍵操作

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頁(yè)面POST發(fā)送內(nèi)容后，php通過超全局變量 $_GET 和 $_POST收集

 

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

php
//設(shè)置頁(yè)面內(nèi)容是html編碼格式是utf-8
header("Content-Type: text/plain;charset=utf-8"); 
//判斷如果是get請(qǐng)求，則執(zhí)行g(shù)etMethod();；如果是POST請(qǐng)求，則執(zhí)行postMethod()。
//$_SERVER是一個(gè)超全局變量，在一個(gè)腳本的全部作用域中都可用，不用使用global關(guān)鍵字
if ($_SERVER["REQUEST_METHOD"] == "GET") {
    getMethod();
} elseif ($_SERVER["REQUEST_METHOD"] == "POST"){
    postMethod();
}
function searchShow(){    
}
function postMethod(){
    $filename = save.txt;
//使用超全局變量 $_GET 和 $_POST收集name對(duì)應(yīng)的value，如下
    $searchWrite = $_POST["data"]；
//將獲取的HTML返回內(nèi)容$searchWrite寫入文檔save.txt
    file_put_contents($filename, $searchWrite);
    $content = file_get_contents($filename);
    echo $content;
}

注：關(guān)鍵操作

$searchWrite = $_POST["data"]；

使用超全局變量 $_POST收集name對(duì)應(yīng)的value放入$searchWrite，于是得到了HTML頁(yè)面發(fā)送的數(shù)據(jù)，可以用了

 

HTML頁(yè)面通過json獲取php的變量

 

php發(fā)送（通過echo返回json格式的數(shù)據(jù)對(duì)）

php
header(Access-Control-Allow-Origin:*);
header(Access-Control-Allow-Methods:POST,GET);
header(Access-Control-Allow-Credentials:true); 
header("Content-Type: application/json;charset=utf-8"); 
if ($_SERVER["REQUEST_METHOD"] == "GET") {
    getMethod();
} elseif ($_SERVER["REQUEST_METHOD"] == "POST"){
    postMethod();
}
function getMethod(){    
    $filename = search_save.txt;//假設(shè)文件內(nèi)容為dog，cat，pig,人
    if (file_exists($filename)) {
        $content = file_get_contents($filename);
        $pattern = /[x{4e00}-x{9fa5}_a-zA-Z0-9]+/u;
        //[x{4e00}-x{9fa5}_a-zA-Z0-9]匹配中文、下劃線、字母、數(shù)字
        preg_match_all($pattern, $content, $matches);
        $searchRead = $matches[0];//通過正則表達(dá)式提取存儲(chǔ)列表到$searchRead數(shù)組[dog,cat,pig,人]
        $defaultSearch = $searchRead[0];
        $result = {"success":false,"defaultSearch":""};
        if($_GET["data"]){
            $result = {"success":true,"defaultSearch":".$defaultSearch."};
        }
    }
    echo $result;//echo返回json格式化數(shù)據(jù)對(duì){"success":true,"defaultSearch":".$defaultSearch."}
 } 
functionpostMethod(){
}

注：關(guān)鍵操作

$result = {"success":true,"defaultSearch":".$defaultSearch."};//將待返回內(nèi)容改為json格式

   echo $result;//HTML頁(yè)面的json部分將從echo的輸出獲取json格式化數(shù)據(jù)對(duì)，因此echo輸出內(nèi)容需要為json格式

HTML接收（通過GET接收php echo返回的json格式的數(shù)據(jù)對(duì)）




注：關(guān)鍵操作


$.ajax({


　　 type: "GET",


        url: "default_search.php?data=" + "searchArray",


        dataType: "json",


        success: function(data) {


   　　  If(data.success){alert(data.defaultSearch);}


//data為php使用echo輸出的json格式的數(shù)據(jù)對(duì),通過data.name的形式即可以使用name對(duì)應(yīng)的value


         },


         error: function(jqXHR){     


         　　alert("發(fā)生錯(cuò)誤：" + jqXHR.status);  


         },     


    });


});


 
           
               
                                           
                       
                 

            
                     
             
               

                   
 文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

                 
                   
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/1436.html

               

                      
               
              

              

                
相關(guān)文章

                
    
                             
                                                                                                    
  • 
                                                
    
                          
    瀏覽器同源策略，及跨域解決方案
    
                                                     
    摘要：三哪些會(huì)受到同源策略限制對(duì)于瀏覽器來(lái)說(shuō)，除了會(huì)受到同源策略的限制外，瀏覽器加載的一些第三方插件也有各自的同源策略。九的現(xiàn)代瀏覽器允許腳本直連一個(gè)地址而不管同源策略。

一、Origin（源）
源由下面三個(gè)部分組成：

域名
端口
協(xié)議

兩個(gè) URL ，只有這三個(gè)都相同的情況下，才可以稱為同源。
下來(lái)就以 http://www.example.com/page.html 這個(gè)鏈接來(lái)比較說(shuō)...
    
                                                   
                          
    
                                
    
                                    scq000
                                    
                                    評(píng)論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    Vue-book 2.0 一個(gè)移動(dòng)端簡(jiǎn)單的全棧 web APP
    
                                                     
    摘要：本項(xiàng)目是一個(gè)簡(jiǎn)單的全棧項(xiàng)目，前端新手可以拿來(lái)練練手。項(xiàng)目實(shí)現(xiàn)了一些簡(jiǎn)單的功能，后臺(tái)可以對(duì)圖書進(jìn)行錄入錄出掃碼或手動(dòng)，前臺(tái)顯示錄入的圖書，并且前臺(tái)注冊(cè)登錄后可以將書的訂單發(fā)給服務(wù)器，并存到服務(wù)器。

Vue-book 2.0
Github 地址：https://github.com/percy507/v... 【覺得不錯(cuò)就來(lái)個(gè) star 吧 ^_^】
說(shuō)明（菜鳥請(qǐng)進(jìn)，大神繞道 ~）

前端...
    
                                                   
                          
    
                                
    
                                    wh469012917
                                    
                                    評(píng)論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    Vue-book 2.0 一個(gè)移動(dòng)端簡(jiǎn)單的全棧 web APP
    
                                                     
    摘要：本項(xiàng)目是一個(gè)簡(jiǎn)單的全棧項(xiàng)目，前端新手可以拿來(lái)練練手。項(xiàng)目實(shí)現(xiàn)了一些簡(jiǎn)單的功能，后臺(tái)可以對(duì)圖書進(jìn)行錄入錄出掃碼或手動(dòng)，前臺(tái)顯示錄入的圖書，并且前臺(tái)注冊(cè)登錄后可以將書的訂單發(fā)給服務(wù)器，并存到服務(wù)器。

Vue-book 2.0
Github 地址：https://github.com/percy507/v... 【覺得不錯(cuò)就來(lái)個(gè) star 吧 ^_^】
說(shuō)明（菜鳥請(qǐng)進(jìn)，大神繞道 ~）

前端...
    
                                                   
                          
    
                                
    
                                    NotFound
                                    
                                    評(píng)論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    Vue-book----一個(gè)簡(jiǎn)單的全棧項(xiàng)目
    
                                                     
    摘要：地址覺得不錯(cuò)就給個(gè)吧說(shuō)明前端后端本項(xiàng)目實(shí)現(xiàn)了一些簡(jiǎn)單的功能，后臺(tái)可以對(duì)圖書進(jìn)行錄入錄出掃碼或手動(dòng)，前臺(tái)顯示錄入的圖書。

Vue-book
A simple full stack project about book~
GitHub 地址（覺得不錯(cuò)就給個(gè) star 吧 ^_^）
說(shuō)明

前端: Vue.js + Vuex + Webpack2
后端: php + MySQL

本項(xiàng)目實(shí)現(xiàn)...
    
                                                   
                          
    
                                
    
                                    tanglijun
                                    
                                    評(píng)論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                           
                

              

              
               

                  
                  
發(fā)表評(píng)論

                   
               

              

                

                  
0條評(píng)論
   
                
 
                      

              

           

           
        

      
 
    

    
     

      
    

    
    

    
       
       

         
閱讀需要支付1元查看
  
         
     
       

      
  
    
    












<