2018年8月24日 星期五

網頁開發(2) 利用 Ajax 取的 PHP 值

網頁開發我常利用 Ajax 來連接 PHP以便撈取後端資料

但是 PHP 傳回來的值會是 String 值

JavaScript 每個參數都是一個物件,所以辨認不出 PHP傳回來的值

這時就需要 json 來達到取值的效果

首先是 JavaScript 的 Ajax
var wanteddata;
var requert = $.ajax({
    type: "POST",
    async: false,
    url: "/function/getData.php",
    dataType: 'json',
    data:{id:msg},
    success: function(data){
        wanteddata = data.value; //有些可能要自己 json_decode
    },
    error: function(data,status,e){
        alert('Get Data Error!');
    }
});
再來是 PHP 端 ( getData.php )
<?php
    $value = "IamData";
    $ReturnValue = array("value"=>$value);
    echo json_encode($ReturnValue);
?>
參考資料 : 我的同學

Related Posts:

  • Python - BeautifulSoup 基本應用 (1) BeautifulSoup 紀錄下 Python 網頁爬蟲大部分會用到的 BeautifulSoup。BeautifulSoup 本質上就是 parser,知道這點後其 function 和 parameter 的使用就能得心應手。 Install 這裡紀錄使用 pip 安裝 pip install beautifulsoup4 pip install lxml # 非必要 I… Read More
  • 重新踏入網頁開發 (6) - Express - 1  Express     Fast, unopinionated, minimalist web framework for Node.js,這是 Express 的自我介紹。這裡的 unopinionated 之於 opinionated 較為信任開發者,所以你可以擁有很多作法去達到相同的目的,例如像 PERL/PHP。而 opinionated 的 software 則會只提供一個方法去達到目的,例如撰寫維基百… Read More
  • 重新踏入網頁開發 (6) - Express - 2  Express - Route parameters     Route parameters 可以用來擷取 URL 上的 value。 server.js import express from 'express' // 建立 express 這 module var app = express() const port = 8888 // 回傳 { "… Read More
  • 讀書心得 - C++ Primer (5th Edition) - Chapter 1 簡單的 C++ 程式     要寫一個 C++ 程式跟 C 一樣,寫好 cpp 檔,交給編譯器 ( g++ ) 編成可執行程式。程式至少包含一個名為 main 的 function,用以當作程式的入口 function。 int main() { return 0; // return 0 的原因為 0 通常代表著程式執行成功。 } Input/Output    … Read More
  • Python - sys, os.path 常見的 module 應用 Common python module - sys sys parameter 一些常見系統參數 import sys print(sys.platform) # linux sys.argv 像 c/c++ 的 argv 一樣,可以吃從 command line 傳入的參數。 # test.py 123 456 789 print (argv) … Read More

0 意見:

張貼留言

Popular Posts