X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

4 страниц V   1 2 3 4 >
Открыть тему
Тема закрыта
> Ajax
forest69
forest69
Topic Starter сообщение 27.2.2011, 13:49; Ответить: forest69
Сообщение #1


Всем добрый день!
Такой вопрос почему не работает?
Ввожу данные, нажимаю добавить, но ничего не происходит

[PHP]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript" src="scripts/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="scripts/mytabs.js"></script>
<script type="text/javascript" src="scripts/ajax.js"></script>
<script type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js"></script>
<link rel="stylesheet" href="css/news.css" type="text/css" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Администрирование новостей</title>
</head>

<body>
<!-- Добавление -->
<div class="box visible">
<?php include('add.php'); ?>
</div>
</body>
[/PHP]

Файл, который инклужу:
<div id="add">
<h2>ДОБАВЛЕНИЕ НОВОСТЕЙ</h2>
<p style="margin-left:15px">Заголовок: <input name="head" id="head" type="text" size="100"/></p>
<p style="margin-left:15px">Содержание:</p>
<div align="center">
<textarea name="news" id="news" cols="100" rows="20"/></textarea>
</div>
<br />
<p align="left"><input style="margin-right:580px;" name="vvod" id="add_btn" type="submit" value="Добавить"/></p>
</div>


Аякс запрос:
[JS]
$(document).ready(function(){
$("#add_btn").onclick(function(){
$.ajax({
method: 'post',
dataType : "json",
url: 'news/insert_news.php',
success: function(data) {$('#add').html(data);}
});
});
})
[/JS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 27.2.2011, 13:52; Ответить: alexdrob
Сообщение #2


ну как минимум потому что вы не отправляете данные на сервер которые ввели
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
www3_hb
www3_hb
сообщение 27.2.2011, 14:07; Ответить: www3_hb
Сообщение #3


[JS]$(document).ready(function(){
$("#add_btn").onclick(function(){
$.ajax({
method: 'post',
dataType : "json",
data:"head="+$("#head").val()+"&text="+$("#text").val(),
url: 'news/insert_news.php',
success: function(data) {$('#add').html(data);}
});
});
}) [/JS]
Примерно так. Надеюсь не ошибся
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
forest69
forest69
Topic Starter сообщение 27.2.2011, 14:29; Ответить: forest69
Сообщение #4


(alexdrob @ 27.2.2011, 15:52) *
ну как минимум потому что вы не отправляете данные на сервер которые ввели


Вы имеете ввиду, что я не прописываю
<form method="..." action="...">

Это?
Если я его напишу, то у меня тогда не будет обращаться к ajax, а будет отправлять нарямую

www3, так тоже не работает
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 27.2.2011, 15:07; Ответить: alexdrob
Сообщение #5


(forest69 @ 27.2.2011, 16:29) *
Вы имеете ввиду, что я не прописываю
1
2
<form method="..." action="...">

Это?

нет. я имею ввиду что вы просто не отправляете данные на сервер как вам посоветовал www3

А вы правильный JSON формируете? вы указали что тип данных JSON
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 27.2.2011, 15:13; Ответить: Letmetouchyou
Сообщение #6


forest69,
(forest69 @ 27.2.2011, 16:29) *
Вы имеете ввиду, что я не прописываю

Вы НЕ передаете данные на сервер.
Что не понятного в том, что написал вам alexdrob.

Причем тут форма?
(forest69 @ 27.2.2011, 16:29) *
Вы имеете ввиду, что я не прописываю
<form method="..." action="...">


Если вы используете ajax:

$(document).ready(function(){
$("#add_btn").onclick(function(){
$.ajax({
method: 'post',
dataType : "json",
url: 'news/insert_news.php',
success: function(data) {$('#add').html(data);}
});
});
})

Отправление данных аяксом заключаеться в том, что вы в начале яваскриптмо собираете все нужные данные с формы, и затем просто передаете их на сервер.

А вы по клику на кнопку просто выполняеете аякс запрос к серверу, но НИЧЕГО туда не передаете. читайте докментацию.

data , Object, String

Data to be sent to the server. It is converted to a query string, if not already a string. It's appended to the url for GET-requests. See processData option to prevent this automatic processing. Object must be Key/Value pairs. If value is an Array, jQuery serializes multiple values with same key based on the value of the traditional setting (described below).
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
www3_hb
www3_hb
сообщение 27.2.2011, 16:12; Ответить: www3_hb
Сообщение #7


Чуть ошибся с идом но вот должно работать
[JS]

$(document).ready(function(){
var news = $("#news").val();
var head = $("#head").val();
$("#add_btn").onclick(function(){
$.ajax({
method: 'post',
dataType : "json",
data:"head="+head+"&text="+news,
url: 'news/insert_news.php',
success: function(data) {$('#add').html(data);}
});
});
})

[/JS]
Ошибка может быть в файле insert_news.php
Вы просто напросто не получаете их данные, т.е. я отправляю скрипту в url head и text и естественно в insert_news.php надо добавить строчки
[PHP]
$news = $_POST['news'];
$text = $_POST['text'];[/PHP]
Ну а дальше я думаю вы додумаетесь как эти переменный передать в функцию)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
forest69
forest69
Topic Starter сообщение 28.2.2011, 19:00; Ответить: forest69
Сообщение #8


Проблема в том, что при нажатии на кнопку вообще ничего не происходит. Даже если бы я никакие данные передавал, то вылезала бы ошибка, т.к. у меня это прописано в файле php куда отправляю...
Ошибка с обработчиком onclick я думаю, хотя все правильно, и пути к файлам js тоже норм прописаны
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 28.2.2011, 19:11; Ответить: MetSerp
Сообщение #9


а в консоль ява скрипт что либо падает?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
www3_hb
www3_hb
сообщение 28.2.2011, 19:27; Ответить: www3_hb
Сообщение #10


Попробуй так.
[JS]$(document).ready(function(){
var news = $("#news").val();
var head = $("#head").val();
$("#add_btn").click(function(){
$.ajax({
method: 'post',
dataType : "json",
data:"head="+head+"&text="+news,
url: 'news/insert_news.php',
success: function(data) {$('#add').html(data);}
});
});
})[/JS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
4 страниц V   1 2 3 4 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВеб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP)
 56 qpPeW 44903 19.7.2023, 10:03
автор: qpPeW
Открытая тема (нет новых ответов) Ищу специалиста Wordpress/PHP/JS/AJAX
 5 by_roXe 4309 4.11.2018, 17:09
автор: kikimora17
Открытая тема (нет новых ответов) Ищу специалиста по js, jquery, ajax, history api и т.д.
 3 by_roXe 1539 15.3.2016, 14:17
автор: Edelweiss
Открытая тема (нет новых ответов) Требуются услуги программиста (jquery, ajax, php, html)
 2 Упс 4096 11.4.2015, 14:25
автор: Упс
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыМузыкальный сайт / AJAX / DLE v10.1
Музыкальный сайт, который работает на технологии Ajax
 11 fara 8597 11.9.2014, 1:57
автор: fara


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 19.4.2024, 7:23

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet