前端後端互動的方法

2021-08-07 18:35:46 字數 2820 閱讀 5912

前端後端互動的方法:

前端給後端:

1.form通過name來傳送 所有value的值到 form的action屬性的方法中  

<

formid=

"myform"

name

="myform"

method

="post"

onsubmit

="return sumbittest();"

action

="registeraction.action"

>

<

table

>

<

tr>

<

td>

姓名:td

>

<

td>

<

input

type

="text"

name

="name"

/>

td>

tr>

<

tr>

<

td>

性別:td

>

<

td>

<

input

type

="radio"

name

="***"

value

="1"

>

男  <

input

type

="radio"

name

="***"

value

="0"

>

女  td

>

tr>

<

tr>

<

td>

年齡:td

>

<

td>

<

select

name

="age"

>

<

option

value

="20"

>

20option

>

<

option

value

="21"

>

21option

>

<

option

value

="22"

>

22option

>

select

>

td>

tr>

<

tr>

<

tdcolspan

="2"

>

<

input

type

="submit"

value

="submit普通提交"

>

<

input

type

="button"id=

"ajaxbtn"

value

="ajax提交"

/>

<

input

type

="button"id=

"jquerybtn"

value

="jquery提交"

/>

<

input

type

="button"id=

"jsbtn"

value

="js提交"

/>

<

input

type

="submit"

value

="onsubmit提交"

/>

td>

tr>

table

>

form

>

$.ajax(,    // 為url位址獲取引數

datatype:"json"

,   // 規定為json資料

async:false

,  cache:false

,   

success: function

(data)else

if(member.success==

"false"

)   

},  

error: function

(json)  

});  

ajax也可以和form表單進行關聯:使用$('#yourformid').serialize()將整個form表單提交

$.ajax(,

success:function(data)

});

3.使用a標籤的href屬性來獲得後台位址來傳值,可以將頁面資料獲取然後傳給後台

4.用window.open(url)也可以達到相同效果

後端傳值給頁面方法:

1.通過request(或者四大作用域)和跳轉頁面來傳值,如:

public class test(){

int i= 5;

......等等資料

return  頁面名稱

2.用json工具

getresponse().getwriter().write(jsonlist(page,strfields));  //可以大量資料傳送給前端

前端和後端是如何互動的

1 前端請求資料url由誰來寫 在開發中,url主要是由後台來寫好給前端。若後台在查詢資料,需要借助查詢條件才能查詢到前端需要的資料時,這時後台會要求前端提供相關的查詢引數 即url請求的引數 2 介面文件主要由誰來寫 介面文件主要由後台設計和修改。後台直接跟資料打交道,最清楚資料庫裡有什麼資料,能...

前端和後端是如何互動的

1.前端請求資料url由誰來寫?在開發中,url主要是由後台來寫的,寫好了給前端開發者.如果後台在查詢資料,需要借助查詢條件才能查詢到前端需要的資料時,這時後台會要求前端提供相關的查詢引數,這裡的查詢引數也就是url請求的引數。2.介面文件主要由誰來寫?介面文件也是主要由後台開發者來寫的,因為直接跟...

如何實現前端與後端資料互動

定義變數 var pay 舉例 var ispay false var lastpay 包年包月 設定 pay是指找到id為pay的要素,當對其執行 click 操作時就執行下面函式內容。pay on click button function console.log this attr id pa...