Ajax之get請求

阿新 • • 發佈：2017-06-09

reat col pwd click incr har auto blog 連接數據庫

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>get</title>
    <script src="./js/jquery.min.js"></script>
</head>
<body>
    <div id="box"></div>
    <button id="1">國內新聞</button>
    <button id="2">國外新聞</button>
</body>
<script>
    $( 
"button").click(function(){
        var typeId = $(this).attr("id");
        var data = {"typeId":typeId}; //typeId={typeId}
        
        $.get("./a1.php",data,function(d){
            var html = "";
            for(var i in d){
                html += d[i].title+"<br/>";
            }
            $( 
"#box").html(html);
        },"json");
    });
</script>
</html>

2. php代碼
<?php
//1.連接數據庫
try{
    $dsn = "mysql:host=localhost;dbname=jkxy";
    $username = "root";
    $pwd = "";
    $pdo = new PDO($dsn,$username,$pwd);
}catch (PDOException $e){
    echo $e -> getMessage();
}

//2.查詢數據庫 

try{
    $typeId = $_GET[‘typeId‘];
    $sql = "SELECT * FROM news WHERE typeId = {$typeId}";
    $stmt = $pdo -> query($sql);
    $news = $stmt -> fetchAll(PDO::FETCH_ASSOC);
    echo json_encode($news);
}catch(PDOException $e){
    echo $e -> getMessage();
}
?>

3. 建表代碼
CREATE TABLE `news` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `title` varchar(50) NOT NULL DEFAULT ‘‘,
  `content` text NOT NULL,
  `typeId` int(11) NOT NULL DEFAULT ‘0‘,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=26 DEFAULT CHARSET=utf8

Ajax之get請求

reat col pwd click incr har auto blog 連接數據庫 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" />

Ajax之get方式請求

ajax之get請求需要注意的兩個地方：在url後邊以請求字串（傳遞的get引數資訊）形式傳遞資料。對中文、=、&等特殊符號處理對特殊資訊的處理：在瀏覽器裡通過get引數傳遞一些特殊符號資訊會被

原生Ajax之GET、POST請求

ajax可以接收什麼資訊？答：瀏覽器可以接收的資訊ajax都可以接收，例如字串、html標籤、css樣式內容、xml內容、json內容等等。 http請求方式：post 、get 、put 、heade、delete、trace Conne

接口測試之-GET請求

ber all src rep bsp get img 安裝 use 用requests庫先安裝 pip install tequests [01]: /api/site/stats.json[02]: /api/site/info.json[03]: /api/n

Jmeter接口測試之Get請求

pan parameter .com ima 文本 align 宋體測試其中【一】　　　　在測試計劃下面添加一個線程組---------->在線程組下面分別添加HTTP請求、響應斷言、BeanShellPreProcessor、察看結果樹、聚合報告等內容。

SpringBoot之get請求404

path pri pub 參與 end spa ons col response 後臺:SpringBoot 前臺:VUE 異常:調get接口,返回404 場景:get請求傳參,後臺返回n條數據,不傳參則返回所有原因:原請求url為"~/one/{param}",

JavaScript的Ajax之GET提交數據

on() 跳過 obj 6.0 add random ping 瀏覽器 oct <!DOCTYPE html> <html> <head> <title>封裝ajax</title> </head&g

HttpClient4.x之Get請求示例

在使用的HttpClient的之前先了解一下它是什麼，為了儘可能的展示其最為原味的介紹，我們就去他的官網看看。http://hc.apache.org/httpcomponents-client-ga/ 首頁繁體繁體內容如下：該圖片內容是通過谷歌遊覽器自帶翻譯外掛進行翻譯的內容

Promise封裝ajax的get請求介面

這個是封裝好的ajax // 封裝一個get請求的方法 functi

Retrofit2.0學習之GET請求

之前做專案一直用的都是okHttp3.0的網路請求框架，身為程式猿怎麼能不對新出的東西學習一番呢，說是新出其實也很久了。今天週六公司沒事，學習記錄一下Retrofit2.0（https://github.com/square/retrofit）的使用方法，如有錯

SpringMVC之GET請求引數中文亂碼

只怪自己專案做太少,遇到這些問題糾結太久,浪費時間太多. 在此記錄, WEB.XML檔案中的編碼過濾器設定是針對POST請求的，tomacat對GET和POST請求處理方式是不同的，要處理針對GET請求的編碼問題，則需要改tomcat，conf目錄下的server.x

Ajax之post請求跨站請求csrf_token傳送處理de三種方式

方式一： $.post({ url: '/get_result/', data: { value0: $('#v1').val(),

ajax之post請求方式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <script> functio

React Native ---fetch 之GET請求帶引數

網上關於其GET請求的用例全是沒有帶引數的,帶引數的又全部是POST請求下面給出帶引數的做法. export function get(url,params){ if (params

http之Get請求傳送JSON資料

public function getData() { //列印獲得的資料 $url_service = "http://IP:50600/imgoptim/optimtask"; $jsons = urlencode(json_encode(['ta

接口測試之Jmeter中http請求之get請求（三）

線程組 img 右擊查看 user 接口 alt 接口測試 use 1、打開Jmeter，新建一個測試計劃 2、選擇測試計劃，右擊-Threads(Users)-線程組 3、接下來新建一個http請求，選擇線程組，右擊-Samper-HTTP請求。 4、

ajax的get 和post方式發送請求

reat hang utf-8 util tro scheme script lencod ref <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% St

Robot Framework接口測試（2）--http請求之get

pci frame font urllib status pac 只需要 install height 本來打算把http發送請求的get和post方法都介紹一下的，結果發現篇幅有點長，文本編輯也變得混亂，所以這裏先介紹一下get方法，下一次再post。其實這些方法大家

接口自動化測試系列之PHPUnit-GET請求接口測試方法

phpunit 測試幫日記接口自動化測試小強測試品牌接口演示demo說明接口的具體說明在這裏，大家自己看下，裏面說的非常詳細了，這裏我們就不廢話了，地址如下：https://www.juhe.cn/docs/api/id/65.htmlget請求接口測試如果想把結果格式化輸出，可以用該語

Java之使用HttpClient發送GET請求

created odin code 方法 sys val != while sea 1 package LoadRunner; 2 3 import org.apache.http.HttpEntity; 4 import org.apache.http.H

Ajax之get請求

相關推薦