摘要:宋體注意首先需要保證本地配置了宋體開發環境,如宋體開發環境宋體配置黑體獲取黑體頁面返回的數組并寫入文檔宋體發送宋體使用宋體發送無標題文檔獲取名字為的所有標簽項并存入數組
注意:首先需要保證本地配置了php開發環境,如WAMP開發環境
WAMP配置:https://www.cnblogs.com/shiyiaccn/p/9984579.html
HTML發送(使用POST發送)
doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔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’的所有標簽項并存入數組
var writeArray = [];
for(var i = 0;i<searchArray.length;i++){
writeArray[i] = searchArray[i].innerText;//獲取標簽內容writeArray = [dog,cat];
}
//使用POST將數組writeArray發送到php文件servertest.php
var request = new XMLHttpRequest();
request.open("POST", "servertest.php");
var q = "data=" + writeArray;// q="name"+ value;
//發送內容體由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("發生錯誤:" + request.status);
}
}
}
script>
body>
html>
注:關鍵操作
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收集)
php //設置頁面內容是html編碼格式是utf-8 header("Content-Type: text/plain;charset=utf-8"); //判斷如果是get請求,則執行getMethod();;如果是POST請求,則執行postMethod()。 //$_SERVER是一個超全局變量,在一個腳本的全部作用域中都可用,不用使用global關鍵字 if ($_SERVER["REQUEST_METHOD"] == "GET") { getMethod(); } elseif ($_SERVER["REQUEST_METHOD"] == "POST"){ postMethod(); } function searchShow(){ } function postMethod(){ $filename = save.txt; //使用超全局變量 $_GET 和 $_POST收集name對應的value,如下 $searchWrite = $_POST["data"]; //將獲取的HTML返回內容$searchWrite寫入文檔save.txt file_put_contents($filename, $searchWrite); $content = file_get_contents($filename); echo $content; }
注:關鍵操作
$searchWrite = $_POST["data"];
使用超全局變量 $_POST收集name對應的value放入$searchWrite,于是得到了HTML頁面發送的數據,可以用了
php發送(通過echo返回json格式的數據對)
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;//假設文件內容為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]匹配中文、下劃線、字母、數字 preg_match_all($pattern, $content, $matches); $searchRead = $matches[0];//通過正則表達式提取存儲列表到$searchRead數組[dog,cat,pig,人] $defaultSearch = $searchRead[0]; $result = {"success":false,"defaultSearch":""}; if($_GET["data"]){ $result = {"success":true,"defaultSearch":".$defaultSearch."}; } } echo $result;//echo返回json格式化數據對{"success":true,"defaultSearch":".$defaultSearch."}
}
functionpostMethod(){
}
注:關鍵操作
$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);
},
});
});
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1436.html
摘要:三哪些會受到同源策略限制對于瀏覽器來說,除了會受到同源策略的限制外,瀏覽器加載的一些第三方插件也有各自的同源策略。九的現代瀏覽器允許腳本直連一個地址而不管同源策略。 一、Origin(源) 源由下面三個部分組成: 域名 端口 協議 兩個 URL ,只有這三個都相同的情況下,才可以稱為同源。 下來就以 http://www.example.com/page.html 這個鏈接來比較說...
摘要:本項目是一個簡單的全棧項目,前端新手可以拿來練練手。項目實現了一些簡單的功能,后臺可以對圖書進行錄入錄出掃碼或手動,前臺顯示錄入的圖書,并且前臺注冊登錄后可以將書的訂單發給服務器,并存到服務器。 Vue-book 2.0 Github 地址:https://github.com/percy507/v... 【覺得不錯就來個 star 吧 ^_^】 說明(菜鳥請進,大神繞道 ~) 前端...
摘要:本項目是一個簡單的全棧項目,前端新手可以拿來練練手。項目實現了一些簡單的功能,后臺可以對圖書進行錄入錄出掃碼或手動,前臺顯示錄入的圖書,并且前臺注冊登錄后可以將書的訂單發給服務器,并存到服務器。 Vue-book 2.0 Github 地址:https://github.com/percy507/v... 【覺得不錯就來個 star 吧 ^_^】 說明(菜鳥請進,大神繞道 ~) 前端...
摘要:地址覺得不錯就給個吧說明前端后端本項目實現了一些簡單的功能,后臺可以對圖書進行錄入錄出掃碼或手動,前臺顯示錄入的圖書。 Vue-book A simple full stack project about book~ GitHub 地址(覺得不錯就給個 star 吧 ^_^) 說明 前端: Vue.js + Vuex + Webpack2 后端: php + MySQL 本項目實現...
閱讀 713·2023-04-25 19:43
閱讀 3910·2021-11-30 14:52
閱讀 3785·2021-11-30 14:52
閱讀 3852·2021-11-29 11:00
閱讀 3783·2021-11-29 11:00
閱讀 3869·2021-11-29 11:00
閱讀 3558·2021-11-29 11:00
閱讀 6105·2021-11-29 11:00