php和javascript交互篇（一）

 看了二班學霸的作業之后突然感覺這個學期的作業有着落了，現在就跟大家聊聊JavaScript與php交互；（感覺要是我每周都寫這個是不是不好啊？）

Get和POST

大家可能會說了這有什么好說的一個破表單就解決了，要是這么簡單的話我也就不好意思拿來交作業了

使用jQuery的get（）和post（）方法

使用get和post方法的好處就是能從服務器請求數據而不是跳轉到一個頁面,你可以自如的從服務器上獲取和提交數據，你想想你注冊時填了一大堆信息后按下提交按鈕之后，服務器告訴你注冊失敗你又得從新填。那網站基本上葯丸了

    $("#loginbutton").click(function () {
        login()
    })
    function login() {
        var username = $("#username").val()
        var password = $("#password").val()
        $.post("loginsuccess.php", { username: username, password: password } ,function (data) {
            if(data==true){
                location.href = "user.php"
            }else{
                alert("error "+data)
            }
        })
    }

從上述代碼分析post方法

$.post(URL,data,callback);

必需的-- URL 參數規定您希望請求的 URL。

可選的-- data 參數規定連同請求發送的數據。

可選的-- callback 參數是請求成功后所執行的函數名。

上述代碼成功的向 loginsuccess.php 發送了{ username: username, password: password }數據

在成功后回調函數function（data）值得注意的是data就是服務器返回給你的數據

上述代碼中只要服務器返回true頁面就跳轉，否則就報error

服務器php腳本loginsuccess.php

如下：

<?php
session_start();
$username = $_POST['username'];
$_SESSION['user'] = $username;
if ($username == "feng")
    echo true;
else
    echo false;
?>

上述代碼從_post數組中取得username如果為“feng”就返回真

輸入1結果：

輸入feng結果：成功跳轉到user.php

 

get的使用方法更為簡單

語法：

$.get(URL,callback);

必需的 URL 參數規定您希望請求的 URL。

可選的 callback 參數是請求成功后所執行的函數名。

方法類似post就不再贅述

想知道為甚么user.php可以得到值username請關注下節ajax與session