Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.05.2016, 12:40
Новичок на форуме
Отправить личное сообщение для Tegev Посмотреть профиль Найти все сообщения от Tegev
 
Регистрация: 04.05.2016
Сообщений: 3

Передача значение атрибута name в php по клику
Всем доброго времени суток! Я в Js абсолютный новичок предупрежу сразу, помогите разобраться с кое какой задачей.

Коротко суть задачи в следующем: имеется энное количество ссылок <a> у каждой уникальное имя указанное в атрибуте name=" ", также есть блок контента div#content, нужно чтобы при клике на одну из ссылок выводилась информация из базы данных конкретно по имени ссылки на которую нажали. Есть идея передавать имя ссылки через ajax в php файл, чтобы он находил в БД информацию по этому имени и через него выводить готовую информацию.
например:
ссылка <a name="velo" onclick="функция">
нажали на неё, через функцию JS передаем имя ссылки а это-velo, и нужно как то передать от JS в php значение имени, он обращается к таблице и в нужном столбце ищет "velo" находит и выводит её через echo в блок div#content.

Я попытался написать кое какой код, не знаю насколько он корявый) в консоли ошибки не выдает, но так как нужно явно не работает.

<a name="velo" onclick="search(this.id)">
<a name="moto" onclick="search(this.id)">
<div id="content">

function search() {
$.ajax({
    type: 'POST',
    url: 'search.php',
    data: 'point=this.id',
    success: function(data){
        $('.results').html(data);
    }
});
}


исправьте меня где нужно или напишите свои варианты пожалуйста, буду очень благодарен.
Ответить с цитированием
  #2 (permalink)  
Старый 04.05.2016, 15:03
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

<a name="velo" class="class_name">...</a>
<a name="moto" class="class_name">...</a>


$(function() {
    $("a.class_name").click(function(e) {
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: 'search.php',
            data: {point : this.name},
            success: function(data){
                $('.results').html(data);
            }
        });
    });
});
Ответить с цитированием
  #3 (permalink)  
Старый 04.05.2016, 16:39
Новичок на форуме
Отправить личное сообщение для Tegev Посмотреть профиль Найти все сообщения от Tegev
 
Регистрация: 04.05.2016
Сообщений: 3

Сообщение от laimas Посмотреть сообщение
<a name="velo" class="class_name">...</a>
<a name="moto" class="class_name">...</a>


$(function() {
    $("a.class_name").click(function(e) {
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: 'search.php',
            data: {point : this.name},
            success: function(data){
                $('.results').html(data);
            }
        });
    });
});
А в php принимать значение имени как $_POST['point'] ?
И как сделать чтобы вывод из search.php был в div#content блоке?

Последний раз редактировалось Tegev, 04.05.2016 в 16:45.
Ответить с цитированием
  #4 (permalink)  
Старый 04.05.2016, 17:24
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от Tegev
А в php принимать значение имени как $_POST['point'] ?
Да, вы же такой параметр (ключ для сервера) передаете.

Сообщение от Tegev
И как сделать чтобы вывод из search.php был в div#content блоке?
$('#content').html(data);
Ответить с цитированием
  #5 (permalink)  
Старый 06.05.2016, 12:08
Новичок на форуме
Отправить личное сообщение для Tegev Посмотреть профиль Найти все сообщения от Tegev
 
Регистрация: 04.05.2016
Сообщений: 3

В общем не работает всё равно, в консоли также нет ошибок, вот весь код который получился:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Страница тестирования</title>
    <script type="text/javascript" src="jquery.js"></script>
    <script>
    $(function() {
    $("a.parse").click(function(e) {
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: 'parse.php',
            data: {point : this.name},
            success: function(data)
                {
                    $('bar').html(data);
            }
        });
    });
});

    </script>
</head>
<body>
    <div id="names">
        <a href="" name="first" class="parse">1</a><br>
        <a href="" name="second" class="parse">2</a><br>
        <a href="" name="third" class="parse">3</a><br>
    </div>
    <div id="bar"></div>
</body>
</html>


и код в php

<?php

echo $_POST['point'];

?>

как быть?
Ответить с цитированием
  #6 (permalink)  
Старый 06.05.2016, 12:30
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

$('#bar').html(data);
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Передача параметров из PHP (JSON) sitesv AJAX и COMET 15 30.07.2013 13:50
получить значение по клику gudzik Общие вопросы Javascript 6 11.12.2012 18:22
Как получить значение атрибута width в теге img, находящемся в скрытом диве? kolyan1983 Internet Explorer 4 21.03.2011 15:14
Не могу получить значение атрибута DenQ jQuery 9 06.02.2011 14:33
Кроссброузерно определить значение атрибута faunder Общие вопросы Javascript 5 21.02.2009 22:08