如何将文本区域的内容发送到onclick函数中?


                    

我正在尝试完成一些ajax请求,以在不刷新的情况下将textarea插入数据库。 这是我的代码:</ p>

HTML:</ p>

   </ textarea>

</ code> </ pre>

JS:</ p>

 功能UpdateStatus(状态)
     {
     var状态= $(this).val();

         $(函数()
         {
             $ .ajax({
                 网址:“ Ajax / StatusUpdate.php?Status =”。状态,数据:“”,数据类型:“ json”
             });

         });
     }
</ code> </ pre>

我的问题:</ p>

1)如何将文本区域的内容发送到onclick函数中? </ p>

2)我如何转义/ urlencode等。因此保留了换行符</ p>
     </ div>

展开原文

原文

我正在尝试完成一些Ajax请求,以便在不刷新的情况下将TextArea插入到数据库中。这是我的代码:

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) 如何保留了换行符?

2个回答


   </ textarea>

</ code> </ pre>

您的代码遇到了一些问题,例如使用。</ code>进行串联</ p>

尝试一下-</ p>

  $(function(){
     $('input')。on('click',function(){
         var状态= $(this).val();
         $ .ajax({
             网址:“ Ajax / StatusUpdate.php”,
             数据:{
                 文字:$(“ textarea [name = Status]”)。val(),
                 状态:状态
             },
             dataType:'json'
         });
     });
});
</ code> </ pre>
     </ div>

展开原文

原文

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

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'
        });
    });
});


尝试并工作。 您正在使用,</ p>

   </ textarea>

</ code> </ pre>

我正在使用javascript,(不了解php),
   在文本区域中使用id =“ status” </ p>

   </ textarea>

</ code> </ pre>

然后调用servlet,将状态发送到后端,以便使用您喜欢的任何Strutucre(例如Java中的MVC或其他任何东西)进行更新,例如在脚本标签中的UI中</ p>

  
函数UpdateStatus(){

//进行ajax调用并使用相同的'id'获取状态值
var var1 = document.getElementById(“ status”)。value;
$ .ajax({

         类型:“ GET”,//或POST
         网址:“ http:// localhost:7080 / ajaxforjson / Testajax”,
                            //(或您的网址是什么)
         数据:{data1:var1},
         //可以发送多个数据,例如{data1:var1,data2:var2,data3:var3
         //如果期望响应类型,则可以使用dataType:'text / html'或'json'
         成功:功能(响应数据){
                //处理数据
                alert(“将响应作为” +“'” + responsedata +“'”));

         }
      })

}
</ script>
</ code> </ pre>

和jsp就像</ p>

 该servlet看起来像:// webservlet(“ / zcvdzv”)仅用于url注释
@WebServlet(“ / Testajax”)

公共类Testajax扩展HttpServlet {
私有静态最终长serialVersionUID = 1L;
公共Testajax(){
     超();
}
受保护的void doGet(HttpServletRequest请求,HttpServletResponse响应)抛出ServletException,IOException {
     // TODO自动生成的方法存根
     字符串data1 = request.getParameter(“ data1”);
     //对数据进行处理,传入其他java类以添加到数据库
     //我要添加或连接
     字符串data =“ i Got:” +“'” + data1 +“'”;
     System.out.println(“ data1:” + data1 +“
data” + data);
     response.getWriter()。write(data);
}
受保护的void doPost(HttpServletRequest请求,HttpServletResponse响应)抛出ServletException,IOException {
     // TODO自动生成的方法存根
     doGet(请求,响应);
}
</ code> </ pre>

} </ p>
     </ div>

展开原文

原文

Tried and working. you are using,

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

I am using javascript , (don't know about php), use id ="status" in textarea like

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

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

<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>

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+"
 data "+data);
    response.getWriter().write(data);
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // TODO Auto-generated method stub
    doGet(request, response);
}

}

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问