АРМАДА
Как сделать jquery ajax ссылку, при нажатии посылался post?
Новая тема Написать ответ Advanced Hosters - профессиональный хостинг

poss + + +
Banned
Зарегистрирован: 23.07.2014
Сообщений: 300
Обратиться по нику
# Добавлено:Вт Авг 12, 2014 12:35 pmДобавить в избранноеОтветить с цитатой
Как сделать jquery ajax ссылку, при нажатии посылался post-запрос к php-странице? Нужен готовый рабочий код.

p.s: читаю мануалы и не получается никак, вроде все правильно, но никак не получается.

DK +
wordpress
Зарегистрирован: 18.06.2008
Сообщений: 2425
Обратиться по нику
# Добавлено:Вт Авг 12, 2014 12:39 pmОтветить с цитатой
если делать не чего лучше бы такое сделал Smile

http://www.armadaboard.com/viewtopic.php?p=4924841#4924841

poss + + +
Banned
Зарегистрирован: 23.07.2014
Сообщений: 300
Обратиться по нику
# Добавлено:Вт Авг 12, 2014 12:49 pmОтветить с цитатой
нашел) http://www.tutorialscollection.com/jquery-post-how-to-use-jquery-ajax-post-method-with-examples/
DK пока нет, мало опыта еще с wordpress.

poss + + +
Banned
Зарегистрирован: 23.07.2014
Сообщений: 300
Обратиться по нику
# Добавлено:Вт Авг 12, 2014 1:24 pmОтветить с цитатой
index.php
Код:
<script>
$(document).ready(function(){
$("#loaddata").click(function(){
txtcontroller=$("#txtcontroller").val();
txtmodel=$("#txtmodel").val();
txtcontent=$("#txtcontent").val();
        $.post("content.php",{ model:txtmodel, content: txtcontent, controller: txtcontroller },function(ajaxresult){
            $("#postrequest").html?#40;ajaxresult);
            });
        });
});
</script>

<div id="postrequest"></div>
Enter model: <input type="hidden" id="txtmodel" value="index"><br />
Enter content: <input type="hidden" id="txtcontent" value="index"><br />
Enter Controller: <input type="hidden" id="txtcontroller" value="index"><br />
<a href="#" id="loaddata">Главная</a>
<div id="postrequest"></div>

Enter model: <input type="hidden" id="txtmodel" value="reg"><br />
Enter content: <input type="hidden" id="txtcontent" value="reg"><br />
Enter Controller: <input type="hidden" id="txtcontroller" value="reg"><br />
<a href="#" id="loaddata">Регистрация</a>



и в файле content.php:
Код:
всякие обработчики $_POST и пишем echo.



Почему работает только или ссылки "Главная" или "Регистрация" по отдельности? Т.е. если регистрация присутствует, то главная не работает, и наоборот. В общем, работает только одна ссылка из двух.

Посмотреть что я сделал и как это работает можно на http://market.board4site.ru

poss + + +
Banned
Зарегистрирован: 23.07.2014
Сообщений: 300
Обратиться по нику
# Добавлено:Вт Авг 12, 2014 2:21 pmОтветить с цитатой
Переписал код, сейчас нормально работают две кнопки:
Код:
<script>
function loadXMLDoc() {
    var xmlhttp;
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    xmlhttp.onreadystatechange=function() {
       if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","content.php?controller=index",true);
    xmlhttp.send();
}
</script>

<h2>AJAX</h2>
<button type="button" onclick="loadXMLDoc()">Главная</button>
<div id="myDiv"></div>

<script>
function loadXMLDoc1() {
    var xmlhttp;
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    xmlhttp.onreadystatechange=function() {
       if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        document.getElementById("myDiv1").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","content.php?controller=index&content=reg",true);
    xmlhttp.send();
}
</script>

<h2>AJAX</h2>
<button type="button1" onclick="loadXMLDoc1()">Главная</button>
<div id="myDiv1"></div>


и в файле content.php:
Код:
всякие обработчики $_POST и пишем echo.


Но теперь другая проблема нужно отображать контент в одном месте.

poss + + +
Banned
Зарегистрирован: 23.07.2014
Сообщений: 300
Обратиться по нику
# Добавлено:Вт Авг 12, 2014 5:08 pmОтветить с цитатой
Рабочий код меню, две кнопки:
Код:
<script>
function loadXMLDoc(str) {
 
    var xmlhttp;
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    xmlhttp.onreadystatechange=function() {
       if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","content.php?content=" + str,true);
    xmlhttp.send();
}
</script>

<h2>AJAX</h2>
<button type="button" onclick="loadXMLDoc('index')">Главная</button>
<button type="button" onclick="loadXMLDoc('reg')">Главная</button>
<div id="myDiv"></div>


и в файле content.php:
Код:
всякие обработчики $_POST и пишем echo.

Новая тема Написать ответ    ГЛАВНАЯ ~ ТЕХНИЧЕСКИЕ ВОПРОСЫ

Перейти:  





Генеральный спонсор



Партнеры