Понятное дело, не будет работать. Во первых ajax запрос у тебя отправляется сразу. Код то нужно держать в приличном виде.
$(document).ready(function() {
// событие на изменение элемента #photoimg
$('#photoimg').live('change', function() {
var A = $("#imageloadstatus");
var B = $("#imageloadbutton");
var x = $('.poid').attr('id');
var z = x;
var dataString = '&z=' +z;
$("#imageform").ajaxForm({
target: '#preview',
beforeSubmit:function(){
A.show();
B.hide();
},
success:function(){
A.hide();
B.show();
},
error:function(){
A.hide();
B.show();
}
}).submit();
});
// после события dom ready (загрузки страницы) отправляется Ajax запрос
$.ajax({
type: "POST",
url: "ajaxImageUpload.php",
data: dataString,
cache: false,
});
});
По сути у тебя просто не определена переменная dataString
, т.к. она определяется внутри функции, которая навешана на событие change
у элемента #photoimg
и вообще с внешним миром не общается.
Если у тебя ajax
запрос отправляется не в функции, которая весит на событии change
, то нужно вынести переменную dataString
в функцию, которая весит на событии dom ready
, т.е.:
$(document).ready(function() {
var dataString = '&z=' +z;
Дальше следует понять, что переменная dataString
не изменится до тех пор, пока не произойдет событие change
у элемента #photoimg
. После этого собития уже можно отправлять ajax запрос зная, что переменная не пустая.
Конечный вариант:
$(document).ready(function() {
// событие на изменение элемента #photoimg
$('#photoimg').live('change', function() {
var A = $("#imageloadstatus");
var B = $("#imageloadbutton");
var x = $('.poid').attr('id');
var z = x;
var dataString = '&z=' +z;
$("#imageform").ajaxForm({
target: '#preview',
beforeSubmit:function(){
A.show();
B.hide();
},
success:function(){
A.hide();
B.show();
// когда получен ответ от сервера, можно делать ajax запрос
$.ajax({
type: "POST",
url: "ajaxImageUpload.php",
data: dataString,
cache: false,
});
},
error:function(){
A.hide();
B.show();
}
}).submit();
});
});