OnClick Send To Ajax

Question

I m trying to complete some ajax requests to insert a textarea into a database without refresh  Here is my code    HTML    lt textarea name  Status  gt   lt  textarea gt   lt input type  button  onclick  UpdateStatus    value  Status Update  gt    JS   function UpdateStatus Status            var Status     this  val               function                           ajax                   url   Ajax StatusUpdate php Status   Status  data      dataType   json                                       My Questions   1  How do I send the contents of the text area into the onclick function    2  How do I escape urlencode etc   So it retains line breaks

User · Accepted Answer

lt textarea name  Status  gt   lt  textarea gt   lt input type  button  value  Status Update  gt    You have few problems with your code like using   for concatenation  Try this -    function             input   on  click   function              var Status     this  val              ajax               url   Ajax StatusUpdate php               data                    text     textarea name Status    val                    Status  Status                            dataType    json

User · Answer

Tried and working  you are using    lt textarea name  Status  gt   lt  textarea gt   lt input type  button  onclick  UpdateStatus    value  Status Update  gt    I am using javascript    don t know about php     use id   status  in textarea like   lt textarea name  Status  id  status  gt   lt  textarea gt   lt input type  button  onclick  UpdateStatus    value  Status Update  gt    then make a call to servlet sending the status to backend for updating using whatever strutucre like MVC in java or anyother  you like  like this in your UI in script tag   lt srcipt gt  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                              lt  script gt    and jsp is like   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

[javascript] OnClick Send To Ajax

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to ajax