POST variables to page via ajax

[grigorisk]

hi i want to post variables to a page via ajax to get result from my database depenting my post value
 
so my ajax is:
 

var clickval = clickelement.value;
var dataval = "city=" + clickval;

$.ajax({
type: 'POST',
url: "*MY PAGE SMART URL*", // e.g. http://my_domain/my_page....
data: dataval,
dataType: 'text', //or json, i try both
complete: function(data, status){

alert(data.responseText);

}

});

 
and in php page: 

$getcity = $input->post->city;
echo "value = ".$getcity;

just to show my post value...
 
and my alert is "value = ".
$getcity is empty and $input has no value inside and it seems like post is never be done, but i have no error in my console...
can anyone help me?

Edited November 26, 2015 by LostKobrakai
Added codeblocks

[kongondo]

Have a read here: https://processwire.com/talk/topic/225-how-to-work-with-ajax-driven-content-in-processwire/

It would be good to use $config->ajax; (or wire('config')->ajax if within a function

Welcome to ProcessWire and the forums

Edit:

Your code is probably just an example but you need to sanitize your inputs before saving them and entitiy encode them if you are going to be echoing them back to the user immediately

Edit 2:

What Soma said below

Edited November 26, 2015 by kongondo

[Soma]

Make sure your post url ends with a slash.

[grigorisk]

thank you Soma!!

[elabx]

Why is the end slash necessary for this to work??

[LostKobrakai]

Otherwise the .htaccess (or php not sure) will do a redirect, which essentially strips all the headers sent with the request.

[FireWire]

@Soma you have just saved me. Thank you.