OnClick發送到Ajax

我想完成一些Ajax請求插入一個textarea到數據庫而不刷新。這裏是我的代碼：OnClick發送到Ajax

HTML：

<textarea name='Status'> </textarea> 
<input type='button' onclick='UpdateStatus()' value='Status Update'>

JS：

function UpdateStatus(Status) 
    { 
    var Status = $(this).val(); 

     $(function() 
     { 
      $.ajax({ 
       url: 'Ajax/StatusUpdate.php?Status='.Status, data: "", dataType: 'json' 
      }); 

     }); 
    }

我的問題：

1）如何發送文本區的內容到的onclick功能？

2）如何逃避/用urlencode等。所以它保留換行符

來源

2013-05-25 Sophie Mackeral

第一'.'應該是'+'在'URL： '阿賈克斯/ StatusUpdate.php狀態=？' 狀態，數據：「」，數據類型：「json''，因爲它的JavaScript不是PHP。 – ncm

大家請把-1的原因做一些有用的事情。 – ncm

@imsiso其次呢？ –

<textarea name='Status'> </textarea> 
<input type='button' value='Status Update'>

你有一個像使用.爲concatination

嘗試對你的代碼的幾個問題 -

$(function() { 
    $('input').on('click', function() { 
     var Status = $(this).val(); 
     $.ajax({ 
      url: 'Ajax/StatusUpdate.php', 
      data: { 
       text: $("textarea[name=Status]").val(), 
       Status: Status 
      }, 
      dataType : 'json' 
     }); 
    }); 
});

來源

2013-05-25 21:59:20

這輸入「狀態更新」這是按鈕的名稱到我的數據庫列中的文本區域內容應該是 –

請檢查我的答案。 – ncm

@SophieMackeral，這取決於您的服務器端代碼 –

嘗試和工作。您正在使用，

<textarea name='Status'> </textarea> 
<input type='button' onclick='UpdateStatus()' value='Status Update'>

我使用JavaScript，（不知道PHP），使用ID = 「狀態」中的textarea像

<textarea name='Status' id="status"> </textarea> 
<input type='button' onclick='UpdateStatus()' value='Status Update'>

然後撥打電話與Servlet發送狀態到後端在你的UI在腳本標籤

<srcipt> 
function UpdateStatus(){ 

//make an ajax call and get status value using the same 'id' 
var var1= document.getElementById("status").value; 
$.ajax({ 

     type:"GET",//or POST 
     url:'http://localhost:7080/ajaxforjson/Testajax', 
          // (or whatever your url is) 
     data:{data1:var1}, 
     //can send multipledata like {data1:var1,data2:var2,data3:var3 
     //can use dataType:'text/html' or 'json' if response type expected 
     success:function(responsedata){ 
       // process on data 
       alert("got response as "+"'"+responsedata+"'"); 

     } 
    }) 

} 
</script>

和JSP使用任何strutucre（如MVC的java或任何其它的）你喜歡的更新，這樣就像是

the servlet will look like: //webservlet("/zcvdzv") is just for url annotation 
@WebServlet("/Testajax") 

public class Testajax extends HttpServlet { 
private static final long serialVersionUID = 1L; 
public Testajax() { 
    super(); 
} 
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    // TODO Auto-generated method stub 
    String data1=request.getParameter("data1"); 
    //do processing on datas pass in other java class to add to DB 
    // i am adding or concatenate 
    String data="i Got : "+"'"+data1+"' "; 
    System.out.println(" data1 : "+data1+"\n data "+data); 
    response.getWriter().write(data); 
} 
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    // TODO Auto-generated method stub 
    doGet(request, response); 
}

}

來源

2017-02-15 09:36:10

OnClick發送到Ajax

回答

相關問題