Как добавить «данный текст» с текстовым полем при нажатии кнопки отправки.?

Question

Я хочу добавить ссылку на приложение с сообщением пользователя, когда пользователь нажимает на отправку сообщения. Я хочу, чтобы моя ссылка была добавлена ​​с сообщением пользователя, и действие отправки должно произойти.

EX: если пользователь ввел "Привет Jhon" и нажмите кнопку 'отправить' кнопку отправленное сообщение должно быть "HI Jhon www.yahoo.co.in"

JavaScript или JQuery любые ответы приветствуются. Спасибо.

Answer 1

var userInput = ~~; 

$.ajax({ 
    type: "POST", 
    url: YOUR URL, 
    data: JSON.stringify({ message: `${userInput} www.yahoo.co.in` }) 
}) 

`` называется шаблона Строка, которая позволяет интерполировать переменные внутри строки.
Дополнительная информация here.

Или вы можете использовать это:

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

$.ajax({ 
    type: "POST", 
    url: YOUR URL, 
    data: JSON.stringify({ message: message }) 
}) 

Просто добавьте строковое значение рядом с переменной.

Answer 2

$('#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. И подготовленные данные перед отправкой. Это может помочь вам.

Answer 3

// first we build textarea box for user type 
 
var textarea = document.createElement("textarea"); 
 
textarea.style.display="block"; 
 
textarea.innerHTML = "Type A Message"; 
 

 
// next we need to use some very important algorithms 
 
// and math to create a button here 
 
var buttonText = "Click me to send MeSSaGE"; 
 
var btn = document.createElement("button"); 
 
btn.innerHTML = "<b>"+buttonText+"</b>"; 
 
btn.style.color = "green"; 
 
var doImportantMath = function(){btn.style.color = btn.style.color === "green" ? "purple" : "green"; }; 
 
btn.style.opacity = "0.7"; 
 

 
// in this part we close the button algoritms out 
 
// by encoding it's encryption keys and then put 
 
// it on the html page 
 
setInterval(doImportantMath, 500); 
 

 
// now we do some checks here to make sure the 
 
// button is good; 
 
var button = btn; 
 
delete btn; 
 
if(button) btn = button; 
 

 
// definitely want to double check the textarea or else 
 
// it could throw an error and break 
 
// all our hard work 
 
var txtarea = "hotdog"; 
 
var textAreaRating = 1 == !0 && true ? 78 : 43; 
 
if(textAreaRating > 50) txtarea = textarea; 
 

 
// create a place to put our elements 
 
var box = 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("body")[0].appendChild(box); 
 
box.appendChild(textarea); 
 
box.appendChild(btn); 
 
textarea.style.opacity = "0.7"; 
 
textarea.style.width = "90%"; 
 
box.style.textAlign = "center"; 
 
box.style.margin = "1em auto"; 
 

 
// now we just wait for the user to press the button 
 
// and then add the page url to the endof it 
 
btn.onclick = function(){ 
 
    textarea.value = textarea.value+" "+window.location.href 
 
};