Форум

fenix_63 · #1 (**permalink**) 13.11.2015, 11:04

Всем привет. Народ, тут вот такая тема. Из input'а хочу данные добавить в базу данных, используя Ajax-запрос:

$("#FormSubmit").click(function (e) {//если произошёл клик по кнопке "Добоавить номер"

        e.preventDefault();//Отключает стандартное действие (поведение) для события клик. Это нужно для того, чтобы пользователь оставался на данной странице

		
		
		
        if($("#contentText").val()==="") //simple validation
        {
            alert("Введите текст!");
            return false;
        }

		
		
		//post переменные. Представляют собой пару Ключ=значение. content_txt - ключ, #contentText - значение
        var myData = "content_txt="+ $("#contentText").val() + "&search_field=" + $("#search").val() + "&field3=" + $("#field3").val() + "&field4=" +
		$("#field4").val(); 

		
		
		
        [B]jQuery.ajax({
            type: "POST", // HTTP метод  POST или GET
            url: "response.php", //url-адрес, по которому будет отправлен запрос
            dataType:"text", // Тип данных,  которые пришлет сервер в ответ на запрос ,например, HTML, json
            //processData:false,//Отключаем эту опцию для того, чтобы можно было передавать несколько значений
			data:myData, //данные, которые будут отправлены на сервер (post переменные)
            //contentType: "text/plain; charset=utf-8",//Попробуем явно указать эту опцию, чтобы символ + не заменялся на пробел
			
			
			
			
			success:function(response){
            $("#responds").append(response);//Добавляем в конец списка новый (или новые) номер(а)
            $("#contentText").val(''); //очищаем текстовое поле после успешной вставки
			$("#search").val('');
			$("#field3").val('');
			$("#field4").val('');
            },
            error:function (xhr, ajaxOptions, thrownError){
                alert('Неудачная попытка добавления данных '+thrownError); //выводим ошибку
            }
        });[/B]
    });

Там телефонные номера ввожу. Если ввожу без символа "+", т.е. 8123456, то всё нормально работает, и нормально номер добавляется в базу. А вот если ввожу с символом "+", то Ajax его перед отправкой на сервер заменяет на пробел, и в базу данных добавляет номер с пробелом вместо символа "+".

Подскажите пожалуйста, где смотреть? А то я новичек в JS

Полностью HTML-форма вот тут: http://fenix-63.hol.es/

Добавляю в базу за 1 раз по 4 номера - поля "Отправитель", "Комментарий", "поле 3", "Поле 4". пока что вот только над полем "Отправитель" мучаюсь. Помогите пожалуйста.

laimas · #2 (**permalink**) 13.11.2015, 13:23

Вот это:

~~var myData = "content_txt="+ $("#contentText").val() + "&search_field=" + $("#search").val() + "&field3=" + $("#field3").val() + "&field4=" + $("#field4").val();~~

выбрасываем, а строку 28 пишем так:

data: $(this).serialize(),

или

data: $(this).serializeArray(),

и должно работать.

fenix_63 · #3 (**permalink**) 13.11.2015, 13:44

не работает это, обе строки не работают - Internal Server Error. Да и если переменную myData выбрасываем, то откуда данные то брать?

fenix_63 · #4 (**permalink**) 13.11.2015, 14:15

Может символ "+" надо как то экранировать перед отправкой к php файлу?

fenix_63 · #5 (**permalink**) 13.11.2015, 14:43

Проблема решена.
Строку

var myData = "content_txt="+ $("#contentText").val() + "&search_field=" + $("#search").val() + "&field3=" + $("#field3").val() + "&field4=" +$("#field4").val();

Надо заменить на строку:

var myData = "content_txt="+ encodeURIComponent($("#contentText").val()) + "&search_field=" + encodeURIComponent($("#search").val()) + "&field3=" + encodeURIComponent($("#field3").val()) + "&field4=" + encodeURIComponent($("#field4").val());

Т.е. применить функцию encodeURIComponent() к каждой переменной, в которой потенциально может встретиться символ "+".

Тему можно закрывать.

laimas · #6 (**permalink**) 13.11.2015, 14:45

<?
if($_POST) {
    exit(implode("\n", $_POST));
}
?>
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script> 
$(function() {
    $('form').submit(function() {
        $.post(location, $(this).serialize(), function(d) {
           alert(d) 
        });
        return false
    })
});
</script>     
</head> 
<body>
<form><input name="phone" value="+8 888 888 88-88-88" />
<input name="as" value="Текст с +" />
<button>Send</button></form>
</body> 
</html>

Выполните, и проблем не будет. А если просмотреть в отладчике данные передаваемые на сервер, то это будет так (важное выделено красным):

Content-Type: application/x-www-form-urlencoded; charset=UTF-8

phone=%2B8+888+888+88-88-88&as=%D0%A2%D0%B5%D0%BA%D1%81%D1%82+%D1%81+%2B

вот так и кодируются данные- пробелы заменяются на +, а плюс на %2B.

fenix_63 · #7 (**permalink**) 17.11.2015, 14:20

Понял, спасибо !

Форум

Справочник

Discord чат

Курсы javascript