Мне нужно использовать значение из поля ввода - без POST - для поиска из внешнего источника.
Поле ввода имеет связанную с ним кнопку, которая вызывает скрипт при нажатии кнопки. Поэтому мне нужно поместить поле ввода (id = 'lookup') в параметр функции (функция вызывается в скрипте).
Это строка кода в скрипте, которой нужно значение из поля ввода (поле ввода называется «поиск»)
<?php $product_name = api_request(lookup);?>
Мой код указан ниже.
(Примечание: я знаю о «PHP на стороне сервера, JS - это сайт клиента». Но нажатие кнопки вызывает вызов функции PHP, и код отображает возвращаемое значение функции, если вы сделаете это вместо этого:
<?php $product_name = api_request('1234');?>
, который возвратит «Имя моего продукта» через мою api_request() функцию.)
Что необходимо для помещения переменной сценария в параметр api_request()?
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<p>Part Number = <input type="text" id="lookup" value= "12345"></p>
<button>Get product name for this part number</button>
<div id='product_name'>Product Name Goes Here </div>
<script>
$(document).ready(function(){
$("button").click(function(){
// returns value of input field
var lookup = document.getElementById('lookup');
// need to put the input field 'lookup' into the function's parameter
<?php $product_name = api_request(lookup);?>
var product_name = "<?php echo $product_name; ?>";
$('#product_name').text(product_name); // display it on the screen in that div ID
});
});
</script>
</body>
</html>
<?php
function api_request($partnumber) {
// code that returns the product name for that part number, hard coded here
$product_name = "My Product Name";
return $product_name;
}