внутри моей функции.php Я добавил новое меню верхнего уровня администратора. Я добавил поля ввода и внутри него и поместил его в элемент формы html.
<form id="prices_form" method="post" action=""> <div style=font-weight:bold;font-size:16px;>Location 1</div> <input id="location1" name="location1" type="text" /> <input type="hidden" name="count" value="1" /> <div style=font-weight:bold;font-size:16px;>Location 2</div> <input class="input" id="location2" name="location2" type="text" placeholder="Type something"/> <div style=font-weight:bold;font-size:16px;>Price(KN)</div> <input type="number" id="price" name="price" min="0" step="0.01"/><br> <input id="submit" name="submit" type="submit" value="Save prices" /> </form> Затем я добавил php, где я вызываю ajax через ajax-admin.php и дает пользователю возможность использовать ajax. Поэтому я хочу добавить поля ввода в базу данных для отправки клика.
function ajax_savePrice(){ $conn = new mysqli($servername, $username, $password, $dbname); if ($conn->connect_error) { die("Connection failed: " . $conn->connect_error); } $location1 = $_POST['location1']; $location2 = $_POST['location2']; $price = $_POST['price']; $result = $conn->query("SELECT * FROM prices WHERE location1 = '$location1' AND location2='$location2' OR location1 = '$location2' AND location2='$location1'"); $row_count = $result->num_rows; if ($row_count >= 1) { echo 'That locations are already inserted. Do you want to update price?'; } else { $query = "INSERT INTO prices (location1, location2, price) VALUES(?, ?, ?)"; $statement = $conn->prepare($query); //bind parameters for markers, where (s = string, i = integer, d = double, b = blob) $statement->bind_param('ssi', $location1, $location2, $price); if ($statement->execute()) { print 'Success! ID of last inserted record is : ' . $statement->insert_id . '<br />'; } else { die('Error : (' . $conn->errno . ') ' . $conn->error); } $statement->close(); } } function ajax_savePrice_init(){ wp_register_script('ajax-savePrice-script', get_template_directory_uri() . '/ajax-savePrice-script.js', array('jquery') ); wp_enqueue_script('ajax-savePrice-script'); wp_localize_script( 'ajax-savePrice-script', 'ajax_savePrice_object', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ), 'redirecturl' => home_url(), 'loadingmessage' => __('Sending data, please wait...') )); // Enable the user with no privileges to run ajax_login() in AJAX add_action( 'wp_ajax_nopriv_ajaxsavePrice', 'ajaxsavePrice' ); add_action( 'wp_ajax_ajaxsavePrice', 'ajaxsavePrice' ); } add_action('init', 'ajax_savePrice_init');
И я сделал файл .js для запроса ajax proccess:
jQuery(document).ready(function($) { // Perform AJAX login on form submit $('#prices_form').on('submit', function(e){ $.ajax({ type: 'POST', dataType: 'json', url: ajax_savePrice_object.ajaxurl, data: { 'action': 'ajaxsavePrice', 'location1': $('#location1').val(), 'location2': $('#location2').val(), 'price': $('#price').val() }, success: function(data){ $('#prices_form').hide(); } }); e.preventDefault(); }); });
Перезагрузка страницы и ничего не происходит …
Любой намек?
РЕДАКТИРОВАТЬ:
Мне удалось вызвать ajax и добавить 3 эха на мой php, чтобы я мог получить ответ через сервер.
$result = $conn->query("SELECT * FROM prices WHERE location1 = '$location1' AND location2='$location2' OR location1 = '$location2' AND location2='$location1'"); $row_count = $result->num_rows; if ($row_count >= 1) { // echo 'That locations are already inserted. Do you want to update price?'; echo 'exist'; } else { $query = "INSERT INTO prices (location1, location2, price) VALUES(?, ?, ?)"; $statement = $conn->prepare($query); //bind parameters for markers, where (s = string, i = integer, d = double, b = blob) $statement->bind_param('ssi', $location1, $location2, $price); if ($statement->execute()) { // print 'Success! ID of last inserted record is : ' . $statement->insert_id . '<br />'; echo 'yes'; } else { //die('Error : (' . $conn->errno . ') ' . $conn->error); echo 'no'; } $statement->close(); }
Теперь в моих js:
location1=$("#location1").val(); location2=$("#location2").val(); price=$("#price").val(); data: "location1="+location1+"location2="+location2+"price="+price, success: function(html){ if(html==='exist') { $("#prices_form").fadeOut("normal"); } else { $("#aaa").fadeOut("normal"); } }, beforeSend:function() { } }); return false; });
Так что, что бы я ни вводил в свои поля ввода и сообщения в php, я получил эту часть. Я попробовал со всеми 3 состояниями, что php может вернуться в js, но всегда выполняется другое.
Любой намек теперь?