當前位置:首頁 » 網頁前端 » ajax後台獲取前端數據
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

ajax後台獲取前端數據

發布時間: 2022-11-17 14:55:37

A. Jquery用ajax獲取數據後在頁面取不到,確定後台已經傳數據過來了。

Jquery用ajax獲取數據後在頁面取不到,確定後台已經傳數據過來了是設置錯誤造成的,解決方法為:

1、打開HBuilderX工具,創建Web項目,新建靜態頁面ajax.html。

B. 如何用ajax將一串文字傳給前端,前端如何接收渲染到頁面

ajax是前端技術,你這么提問感覺變成後台技術了。你應該這么問:前端如何通過ajax向後台獲取一串文字並渲染到頁面?

下面是用原生js實現的(用jquery的ajax也差不多):

前端html代碼:

<div id="txt">文字顯示到這里</div>

<script>

fetch("後台網址寫在這").then(r=>r.text()).then(d=>txt.innerHTML=d);

</script>

後台代碼(假定是php):

<?php echo "一串文字一串文字一串文字"; ?>

如果是asp,則:

<%="一串文字一串文字一串文字"%>

C. 後台怎麼獲取Ajax傳遞的數據

你的後台方法不能返回整個頁面能容,只要返回字元串就好了。

$.ajax({
type: "POST",
url: "../question/videoForm.srq",
data: "video_UserId="+userid+"&questionid="+questionid,
success: function(msg){
var host=window.parent.location.host;
host=host+":8080"+msg.url;
window.open("http://"+host);
}});

整個是我的一個ajax返回一個url
這樣可以么?

D. ajax與後台數據交互

首先,關於前後端 的數據交互方法,ajax自己算一種。
如果是想問ajax的交互屬性,那麼 有四種:
GET,POST,PUT,DELETE
被提倡使用的是GET和POST。
然後,如果是想問前後端的數據交互方法的話,那有至少5種
1. HTML賦值(輸出到 Element 的 value 或 data-name)2. JS賦值(將數據填充到 `<script>` 的 JavaScript 變數聲明中。)3. script填充JSON (填充 JSON 數據到 `<script>` 標簽中,前端通過 DOM 獲取 JSON字元串並解析成對象。)4. AJAX獲取JSON5. WebSocket實時傳輸數據(如果將 AJAX請求和響應比喻成給伺服器發簡訊和等待伺服器回復簡訊,而 WebSocket 就如同和伺服器打電話)

E. 後台怎樣獲取前台ajax傳來的json數據

前台
ajax以data將頁面參數傳到後台,後台通過request.getParameter()來獲取參數值。通過邏輯計算後,將需要返回前台的數據通過out返回。前端頁面ajax中的success方法能夠接收到後台返回的數據。

F. 前端如何做與後台數據的對接

現在在前端獲取後台數據的主流方式是使用Ajax非同步載入0。前端頁面通過Ajax向後台請求數據,後台在放回給前端頁面如果你有前端js基礎和後台動態頁面基礎的話只需要學習Ajax就可以,個把小時就能學會用了。初學的話你要先了解下B/S架構的原理,雖然簡單,但是很重要,這個原理貫穿在整個動態網站的設計製作之中。具體學習的話你可以上W3school網站上學,上面相關的web設計製作資料都比較全,也淺顯易懂。建議學習的順序為HTML-》CSS-》Javascript-》XML-》PHP(或asp或.Net)。
希望對你有幫助。

G. 後台怎麼接收ajax傳過來的數據

接收ajax傳過來的數據

客戶端代碼:
<script type="text/javascript">
function checkUser(ouser){
var uname=ouser.value;
if(!uname){
alert("用戶名不能為空");
ouser.focus;
}
//發送請求到伺服器,判斷用戶名是否存在
//Ajax代碼實現
// 發送請求到伺服器,判斷用戶名是否存在
// 請求字元串
/ar url = "servlet/doReg?uname="+uname; //GET 方式
var url = "servlet/doReg"; //POST 方式
var userinfo="uname="+uname;
// 1. 創建XMLHttpRequest組件
xmlHttpRequest = createXmlHttpRequest();
// 2. 設置回調函數
xmlHttpRequest.onreadystatechange = haoLeJiaoWo;
// 3. 初始化XMLHttpRequest組件
//xmlHttpRequest.open("GET",url,true); //GET方式
xmlHttpRequest.open("POST",url,true);//POST方式
xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//POST方式需要設置
// 4. 發送請求
xmlHttpRequest.send(userinfo);
}
function haoLeJiaoWo(){
if( xmlHttpRequest.readyState == 4
&& xmlHttpRequest.status == 200){
var b = xmlHttpRequest.responseText;
b=b.replace(/(^\s*)|(\s*$)/g,"");
if(b=="true"){
alert("用戶名已經存在");
}else{
alert("用戶名可以使用");
}
}
}
function createXmlHttpRequest(){
if(window.XMLHttpRequest){//新版本IE瀏覽器(IE7及以上版本)或其他瀏覽器
return new XMLHttpRequest();
}else { //老版本IE瀏覽器(包括IE5和IE6)
return new ActiveXObject("Microsoft.XMLHTTP");
}
}
</script>

伺服器端代碼:
public void doGet(HttpServletRequest request,
HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("textml;charset=utf-8");
PrintWriter out = response.getWriter();
String uname=request.getParameter("uname");
System.out.println(uname);
boolean uExists=false;
if(uname.equals("hdjr"))
{ uExists=true;
out.print(uExists);
}else{
out.print(uExists);
}
out.flush();
out.close();
}

/**
* The doPost method of the servlet. <br>
*
* This method is called when a form has its tag value method equals to post.
*
* @param request the request send by the client to the server
* @param response the response send by the server to the client
* @throws ServletException if an error occurred
* @throws IOException if an error occurred
*/
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request,response);
}

H. Java後台如何獲取前台傳入的ajax數據

獲取ajax數據有兩種方式:

  1. 定義和參數相同的變數,可以獲得相對應的名字

  2. 可以通過request來獲取相應的值

有的時候還有可能獲取一些cookie和session的值,這個可以用其相對應的方法來獲取

I. 怎麼通過ajax從後台獲取json數據

1.第一步:創建非同步對象
var xhr=new XMLHttpRequest ();//創建一個非同步對象。
上面創建非同步對象的方法非IE瀏覽器都支持。IE7以上也支持。
2.第二步:創建http請求(只是打開和url的連接,並不會發送請求。)
var xhr=new XMLHttpRequest();
xhr.open("get","介面的地址","true");
//參數一:發送請求的方式:方式分別有post和get
//參數二:請求地址
//參數三:是否是非同步提交true:非同步,flase:同步提交

//如果使用post請求需要為post請求設置一個請求頭(必須在發送數據之前)設置方法如下:
//xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
3.第三步:發送數據(get和post發送數據的方式不相同)
var xhr=new XMLHttpRequest ();//創建一個非同步對象。
xhr.open("get","介面地址?name=zhangsan","true");
//在發送數據上需要注意的是get和post的發送方式
//get:數據需要拼接到open方法裡面的URL地址里格式為URL?數據。(注意:get方式也還是需要調用send方法如不調用數據將不會發送)
//post:數據直接寫到send方法里即可如下:
// xhr.send("name=zhangsan");
4.第四步:設置監聽請求狀態的回調函數
請求狀態分為5步:
0.未初始化:非同步對象創建出來但是還沒有打開連接,(即未調用open方法)
1.已初始化:非同步對象已經創建並且打開了連接(調用了open方法),但是還沒有發送請求(未調用end方法)
2.已發送數據:已經調用了send方法,但web伺服器響應還未返回
3.正在接收:web伺服器接收完數據並且處理完畢後,向客戶端發送響應結果
4.接收完畢:當web伺服器響應的數據全部接收完畢
以上序號對應readyState的值
完整的是這樣:
var xhr=new XMLHttpRequest ();//創建一個非同步對象。
xhr.open("get","介面地址","true");
//下面的回調函數是會動態監聽請求狀態
xhr.onreadystatechange=function(){
//readyState屬性會記錄下5種請求狀態
if(xhr.readyState == 4){
alert("web伺服器響應的數據全部接收完畢")
}
}

J. jqurey ajax 後台傳值給前端代碼怎麼寫

Jquery 的 $.post() 方法通過 HTTP POST 方式向伺服器發送請求並獲取返回的數據,可以實現ajax的提交、接收處理、返回;

例子:
$.post(
//接收數據的PHP頁面
url:'action.php',
//傳給PHP的數據,多個參數用&連接或者使用json格式數據:
{a:'value1',b:'value2'},function(msg)
{
//這里是請求發送成功後的回調函數。
//msg是返回的數據
if(msg.xx==xx)
{
#處理情況一
}
else
{
#處理情況二
}
},'json');//默認返回字元串,設置值等於json則返回json數據

把你上面的自己填寫進去,就可以了,自己多動手,才會提高水平