Как сделать простейшую отправку формы с помощью ajax?

Question

[duck_king]

Не знаю как сделать это,но очень нужно. раньше с аджаксом не сталкивался.. пробовал сделать сам но не вышло.
Помогите найти ошибку и исправить, либо предложите какой-нибуть другой скрипт.

$("#zxc").click(function(){
    var name = $("#name").val();
    var pas = $("#pas").val();
    var zxc = $("#zxc").val();
    $.ajax({
  url: 'details.php',
        type: 'POST',
        data: {'fname':name, 'pas':pas , 'zxc':zxc},
        dataType='html';

        });
});

<input type="text" name="name" id="name">
            <input type="text" name="name" id="name">
        <input type="text" name="pas" id="pas">
        <input type="button" id="zxc" value="wok">

в файле с php

$name =htmlspecialchars($_POST['fname']);
$pas =htmlspecialchars( $_POST['pas']);
$zxc =htmlspecialchars( $_POST['zxc']);

$con = mysql_connect("localhost","root","","chat");

$ad = mysqli_query($con, "INSERT INTO users (login, name, pass) VALUES ('$name', '$pas', '$zxc')");
?>

Comments

[Дмитрий]

Доброе утро.
А ошибка то в чём?

[duck_king]

slo_nik, да просто не отправляется форма

[ma4t]

data: {'fname':name, 'pas':pas , 'zxc':zxc},
запись странная, сначала идет ключ, а потом значение. А у ВАс наоборот!!!

[Дмитрий]

duck_king, смотрите в консоли браузера ошибки, читайте логи сервера.
Вот это

var name = $("#name").val();
    var pas = $("#pas").val();
    var zxc = $("#zxc").val();

Замените на

var data = $('form').serialize();
/******************/
data: data

А вот это не имеет смысла
$name =htmlspecialchars($_POST['fname']);
Лучше уж использовать mysql_real_escape_string()

Ну и конечно же надо обрабатывать ответ сервера, у Вас этого нет.
Да и на стороне сервера надо завершить запрос к базе и, в зависимости от результата, вернуть или ошибку или данные.
Вы этого тоже не делаете.

Почитайте о двойных и одинарных кавычках, разница большая между ними.
VALUES ('$name', '$pas', '$zxc')

[Ihor Bratukh]

dataType='html'
Синтаксическая ошибка
Замените = на :