Javascript 如何附加“;“给定文本”;单击“发送”按钮时带有文本区域。?

Javascript 如何附加“;“给定文本”;单击“发送”按钮时带有文本区域。?,javascript,jquery,javascript-events,Javascript,Jquery,Javascript Events,我想用用户消息添加我的应用程序链接,当用户单击“发送消息”时,我希望我的链接必须与用户消息一起添加,并且应该执行发送操作 例如:如果用户键入“Hi Jhon”并按下“发送”按钮 发送的消息应该是“HI Jhon www.yahoo.co.in” Javascript或Jquery,如有任何答案,我们将不胜感激。多谢各位 var userInput = ~~; $.ajax({ type: "POST", url: YOUR URL, data: JSON.stringify({ m

我想用用户消息添加我的应用程序链接,当用户单击“发送消息”时,我希望我的链接必须与用户消息一起添加,并且应该执行发送操作

例如:如果用户键入“Hi Jhon”并按下“发送”按钮 发送的消息应该是“HI Jhon www.yahoo.co.in”

Javascript或Jquery,如有任何答案,我们将不胜感激。多谢各位

var userInput = ~~;

$.ajax({
  type: "POST",
  url: YOUR URL,
  data: JSON.stringify({ message: `${userInput} www.yahoo.co.in` })
})
`
称为模板字符串,它使您能够在字符串中插入变量。
更多信息

或者,您可以使用:

var message = $('#input').val() + 'www.yahoo.co.in';

$.ajax({
  type: "POST",
  url: YOUR URL,
  data: JSON.stringify({ message: message })
})
只需在变量旁边添加字符串值

$('#sent').on('click', function(){
var userInput =  $('#your-input').val();
var messageToSent = userInput + yourAppLink;
  $.ajax({
        type: "POST",
        url: 'http://your url ',
        data: messageToSent
        success: function (response) {
        //do your post-logic here
        }
});
这是试图通过jquery将应用程序链接连接到用户输入到文本区域的值。并在提交之前准备好数据。这可能会对您有所帮助。

//首先我们为用户类型构建textarea框
var textarea=document.createElement(“textarea”);
textarea.style.display=“block”;
textarea.innerHTML=“键入消息”;
//接下来我们需要使用一些非常重要的算法
//和数学在这里创建一个按钮
var buttonText=“单击我发送消息”;
var btn=document.createElement(“按钮”);
btn.innerHTML=“”+按钮文本+”;
btn.style.color=“绿色”;
var doImportantMath=function(){btn.style.color=btn.style.color===“绿色”?“紫色”:“绿色”;};
btn.style.opacity=“0.7”;
//在这一部分中,我们关闭按钮算法
//通过对其加密密钥进行编码,然后将
//它在html页面上显示
setInterval(doImportantMath,500);
//现在我们在这里做一些检查以确保
//按钮是好的;
var按钮=btn;
删除btn;
如果(按钮)btn=按钮;
//一定要再次检查文本区域,否则
//它可能会抛出错误并中断
//我们所有的努力
var txtarea=“热狗”;
var textAreaRating=1==!0&&true?78 : 43;
如果(textAreaRating>50)txtarea=textarea;
//创建一个放置元素的位置
变量框=document.createElement(“div”);
box.style.background=“url(http://top10hm.net/wp-content/uploads/2012/02/Megan-Fox1.jpg)";
box.style.width=“400px”;
box.style.height=“300px”;
document.getElementsByTagName(“正文”)[0].appendChild(框);
框。追加子项(文本区域);
框。追加子项(btn);
textarea.style.opacity=“0.7”;
textarea.style.width=“90%”;
box.style.textAlign=“中心”;
box.style.margin=“1em自动”;
//现在我们只需等待用户按下按钮
//然后将页面url添加到它的末尾
btn.onclick=函数(){
textarea.value=textarea.value+“”+window.location.href

};
你能添加一些相关的代码吗?用AJAX提交表单以防止页面刷新并附加消息-或者从AJAX调用中获得一个成功函数,相应地更改文本。很抱歉,这似乎是一个非常基本的问题。你在谷歌上搜索过吗?可能重复:这是代码:jQuery(document).on('click','btn.btn-md.im_submit.im_submit_send',函数(e){}但是在我进入这个块之前,发送操作已经被触发,并且没有链接的原始val已经被发送。请添加解释。不是每个人都知道什么是```means@Rajesh修改。谢谢!请添加解释。为什么它会有帮助。为什么它与其他答案不同。这种方法的好处是什么。谢谢@Aung Satt,但是默认发送操作在这些连接和发送到textArea完成之前触发。谢谢你@我曾经与一只熊搏斗过。我需要将此“消息/链接”附加到电报web中,所以我正在收听“发送”电报按钮。一个事件被触发,在我们进行连接之前,消息传输由后面的其他方法发生。我也想停止该方法的操作。如何执行。'jQuery(document).on('click','.btn.btn-md.im_submit.im_submit_send',函数(e)'{'var textAreaBox=document.querySelector('textarea.form control');'textAreaBox.value=textarea.value+“”+window.location.href'调用传递给提交处理程序的事件的
preventDefault()
方法jQuery(document)。on('click','button',function(e)'{e.preventDefault()}'这行得通吗您的jQuery(document)中的引号太多了。'click','button',function(e){e.preventDefault();}这段代码没有停止发送操作。@我曾经和一只熊搏斗过一次。