Using javascript to query SQL (Simple question)

[MakoReactor]

I have a DIV, and a .php file that will receive 2 arguments, like this:

writesql.php?arg1=123&arg2=456

And i have this DIV:

<div style="width:100px;height:100px;border:solid 1px;"> testing... </div> 

And i'm trying to do one thing..
When i click on that DIV, i want it to write those 2 arguments "123" and "456" to the .php file so instantaneosly it writes it in the database.

How can i do that?

[crmalibu]

Well, I think the more typical way to do this is really to just use a form and send a post request. But if you don't want to reload the web page, you would need to either use an iframe, or javascript.

Is it acceptable to you, that users without javascript enabled, cannot use this functionality?

[MakoReactor]

Well, I think the more typical way to do this is really to just use a form and send a post request. But if you don't want to reload the web page, you would need to either use an iframe, or javascript.

Is it acceptable to you, that users without javascript enabled, cannot use this functionality?

Yes, cuz i'll be the only one, i'm just building an aplication to draw a block based map, and i want it to save the blocks where i click in the database.
I dont want to reload, neither use forms. Just to make a request to that .php file in realtime without needing for reload.

[crmalibu]

Ugly, but easy.

function requestUrl(url) {
    (new Image()).src = url;
}

<div onclick="requestUrl('writesql.php?arg1=123&arg2=456')">...</div>

[MakoReactor]

Ugly, but easy.

function requestUrl(url) {
    (new Image()).src = url;
}

<div onclick="requestUrl('writesql.php?arg1=123&arg2=456')">...</div>

(new Image()).src = url;

What does this new Image() do?

[crmalibu]

It creates a javascript Image object. It's kinda like making an <img src="writesql.php?arg1=123&arg2=456"> tag in the html, except you won't ever see the image visually. If the syntax is confusing, it's equivalent to

var img = new Image();
img.src = url;

I'm kinda abusing it to get the browser to load a url. It doesn't matter if the url isn't actually an image.

Usually you use ajax if you want the browser to request a url without reloading the page. But, the code would be quite a bit longer, and the benefits don't really seem important to me for your usage.

[MakoReactor]

Ok, got it!!
Thanks Works very nice!