Разделы
Теги | RSS © 2008 – 2017
Контакты
email: igor@veselov.sumy.ua
skype: utz0r2
» » аякс

Аякс поиск роликов на ютуб


Аякс поиск роликов на ютуб

СКАЧАТЬ / ДЕМО

Аякс чат - MYSQL PHP JQUERY CSS3 XHTML


Аякс чат - MYSQL PHP JQUERY CSS3 XHTML

ДЕМО / СКАЧАТЬ

Поиск на Ajax


Поиск на Ajax

HTML
<form id="searchForm" name="searchForm" method="post" action="javascript:insertTask();">
<div class="searchInput">
<input name="searchq" type="text" id="searchq" size="30" onkeyup="javascript:searchNameq()"/>
<input type="button" name="submitSearch" id="submitSearch" value="Search" onclick="javascript:searchNameq()"/>
</div>
</form>

<h3>Search Results</h3>
<div id="msg">Type something into the input field</div>
<div id="search-result"></div>

JS
function createObject() {
var request_type;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
request_type = new ActiveXObject("Microsoft.XMLHTTP");
} else {
request_type = new XMLHttpRequest();
}
return request_type;
}

var http = createObject();

function searchNameq() {
searchq = encodeURI(document.getElementById('searchq').value);
document.getElementById('msg').style.display = "block";
document.getElementById('msg').innerHTML = "Searching for <strong>" + searchq+"";
// Set te random number to add to URL request
nocache = Math.random();
http.open('get', 'in-search.php?name='+searchq+'&nocache = '+nocache);
http.onreadystatechange =  searchNameqReply;
http.send(null);
}
function searchNameqReply() {
if(http.readyState == 4){
var response = http.responseText;
document.getElementById('search-result').innerHTML = response;
}
}

php in-search.php
<?php
include('config.php');
$searchq = $_GET['name'];
$getName = mysql_query('SELECT * FROM USER WHERE name LIKE "%'.addslashes($searchq).'%"');
while ($row = mysql_fetch_array($getName))
    echo $row['name'] . '<br/>';
?>

uploadify - аякс скрипт загрузки (мультизагрузки) файлов


uploadify - аякс скрипт загрузки (мультизагрузки) файлов

оф сайт: http://www.uploadify.com/ / ДЕМО / СКАЧАТЬ

POST через AJAX


POST это тот же GET только параметры передаются скрыто, поэтому формировать строку нужно самому (function get).

ajax:
var http_request = false;
   function makePOSTRequest(url, parameters) {
      http_request = false;
      if (window.XMLHttpRequest) { // Mozilla, Safari,...
         http_request = new XMLHttpRequest();
         if (http_request.overrideMimeType) {
            http_request.overrideMimeType('text/html');
         }
      } else if (window.ActiveXObject) { // IE
         try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (e) {
            try {
               http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
         }
      }
      if (!http_request) {
         alert('Cannot create XMLHTTP instance');
         return false;
      }
      http_request.onreadystatechange = alertContents;
      http_request.open('POST', url, true);
      http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
      http_request.setRequestHeader("Content-length", parameters.length);
      http_request.setRequestHeader("Connection", "close");
      http_request.send(parameters);
   }

   function alertContents() {
      if (http_request.readyState == 4) {
         if (http_request.status == 200) {
            result = http_request.responseText;
            document.getElementById('myspan').innerHTML = result;            
         } else {
            alert('There was a problem with the request.');
         }
      }
   }
  
   function get(obj) {
      var poststr = "usr=" + encodeURI( document.getElementById("usr").value ) + "&pass=" + encodeURI( document.getElementById("pass").value );
      makePOSTRequest('post.php', poststr);
   }

вызывается:
<form action="javascript:get(document.getElementById('myform'));" name="myform" id="myform">
<input name="usr" id="usr" type="text" size="10" maxlength="10" /><br/><br/>
<input name="pass" id="pass" type="text" size="10" maxlength="10" /><br/><br/>
<input type="button" name="button" value="Submit" onclick="javascript:get(this.parentNode);">
</form>

пост обработчик:
<?
print_r($_POST);
?>

ДЕМО POST
Вверх