get,post,jsonp資料互動 百度下拉列表

三種資料互動形式：get  post jsonp

一、get請求

1.引入 vue.js 和 vue-resource.js , 準備乙個按鈕

<

input 
type
="button"
value
="按鈕"
@click
="get()"
/> //點選按鈕請求資料函式get()

2.準備乙個txt檔案

welcome vue

3.編寫js**

二、post請求

1.引入 vue.js 和 vue-resource.js , 準備乙個按鈕

<

input 
type
="button"
value
="按鈕"
@click
="get()"
/>

2.準備乙個php檔案

<?php

$a=$_post['a'];
$b=$_post['b'];
echo
$a-$b
;　　　　　　　　　　//回顯資料相減結果
?>

3.編寫js**

1.引入 vue.js 和 vue-resource.js , 準備基礎樣式**

1

<
style
>
2.gray
5style
>67
<
div 
id="box"
>
8<
input 
type
="text"
v-model
="t1"
@keyup
="get($event)"
@keydown.down
="changedown()"
@keydown.up.prevent
="changeup()"
/>
//按鍵傳鍵值 get($event) 函式 //按向下鍵時 changedown() 函式 //按向上鍵時 changeup() 函式：阻止預設行為輸入浮上移
9<
ul>
10<
li v-for
="value in mydata"
:class
="">}
li>
//迴圈mydata資料 繫結樣式同時新增條件,下標值此時為幾時，背景為灰
11ul
>
12<
p v-show
="mydata.length==0"
>暫無資料...
p> //當資料長度為0時，顯示暫無資料...
13div
>

2、編寫js**

1

iOS與Web Service Php 資料交換

概念圖 與webservice php 利用json進行資料交換，這邊是沿續web service php mysql json 繼續說明ios處理如何json json格式，像是dictionary key value組成 定義巨集 從web service讀取資料 讀取web service v...

SpringBoot學習之Json資料互動

springboot 缺省會使用 json 作為響應報文格式。首先，我們建立乙個 usercontroller 用於處理前端的 web 請求。定義乙個簡單的控制器，與通常返回 url 的 controller 不一樣的是，login 使用了 responsebody 註解，它表示此介面響應為純資料，...

SpringBoot學習之Json資料互動

springboot 缺省會使用 json 作為響應報文格式。首先，我們建立乙個 usercontroller 用於處理前端的 web 請求。定義乙個簡單的控制器，與通常返回 url 的 controller 不一樣的是，login 使用了 responsebody 註解，它表示此介面響應為純資料，...