首頁(yè) 猿問(wèn) JavaScript原生方法如何將...

JavaScript原生方法如何將值傳給controller？

JavaScript

冉冉說(shuō) 2019-04-19 13:15:20

各位老師，請(qǐng)教一個(gè)問(wèn)題：我使用springmvc架構(gòu)，前臺(tái)js方法獲得了查詢結(jié)果單選那條數(shù)據(jù)對(duì)應(yīng)的ID，然后commit調(diào)用controller中api，將向這個(gè)ID傳遞給controller中的一個(gè)方法，實(shí)現(xiàn)編輯這條數(shù)據(jù)功能。請(qǐng)問(wèn)Javascript原生用法，如何實(shí)現(xiàn)commit時(shí)將值傳遞給controller方法？感謝各位老師指導(dǎo)。

查看完整描述

4 回答

慕哥9229398

TA貢獻(xiàn)1877條經(jīng)驗(yàn) 獲得超6個(gè)贊

沒(méi)太懂你的意思，是前臺(tái)已經(jīng)確定一個(gè)值要傳到后臺(tái)嗎？如果這樣直接表單提交就行了啊

反對(duì) 回復(fù) 2019-05-13

撒科打諢

TA貢獻(xiàn)1934條經(jīng)驗(yàn) 獲得超2個(gè)贊

原生js ajax ，但是一般都用js框架 jQuery，什么的

function ajax(){ 
  var ajaxData = { 
    type:arguments[0].type || "GET", 
    url:arguments[0].url || "", 
    async:arguments[0].async || "true", 
    data:arguments[0].data || null, 
    dataType:arguments[0].dataType || "text", 
    contentType:arguments[0].contentType || "application/x-www-form-urlencoded", 
    beforeSend:arguments[0].beforeSend || function(){}, 
    success:arguments[0].success || function(){}, 
    error:arguments[0].error || function(){} 
  } 
  ajaxData.beforeSend() 
  var xhr = createxmlHttpRequest();  
  xhr.responseType=ajaxData.dataType; 
  xhr.open(ajaxData.type,ajaxData.url,ajaxData.async);  
  xhr.setRequestHeader("Content-Type",ajaxData.contentType);  
  xhr.send(convertData(ajaxData.data));  
  xhr.onreadystatechange = function() {  
    if (xhr.readyState == 4) {  
      if(xhr.status == 200){ 
        ajaxData.success(xhr.response) 
      }else{ 
        ajaxData.error() 
      }  
    } 
  }  
} 

function createxmlHttpRequest() {  
  if (window.ActiveXObject) {  
    return new ActiveXObject("Microsoft.XMLHTTP");  
  } else if (window.XMLHttpRequest) {  
    return new XMLHttpRequest();  
  }  
} 

function convertData(data){ 
  if( typeof data === 'object' ){ 
    var convertResult = "" ;  
    for(var c in data){  
      convertResult+= c + "=" + data[c] + "&";  
    }  
    convertResult=convertResult.substring(0,convertResult.length-1) 
    return convertResult; 
  }else{ 
    return data; 
  } 
}

反對(duì) 回復(fù) 2019-05-13