Zend Framework: Inserting calls to View Helpers into Javascript code

Question

I'm developing a web application, where I use jQuery to make Ajax calls to the server.

I'm using the url view helper to insert the URL to be called. The code inside my view scripts looks like the following:

$.ajax({
        type: "POST",
        url: "<?php echo $this->url(array('action' => 'myaction', 'controller' => 'mycontroller'), null, true); ?>",
        dataType: "html",
        data: { id: myId, format: 'xml' },
        beforeSend: function() {
            // Show pseudoprogress
        },
        success: function(html) {
            // Process response
        },
        error: function() {
            // Show an error message
        }
    });

The system is working fine, but because of this approach I can't extract the Javascript code to separate files, because I always need to run it through the PHP interpreter first.

I wonder if there is a better way to do it, so that I can keep the Javascript code as "PHP-clean" as possible (and eventually, in separate files).

Thanks in advance.

I think you can store data in JSON format and then you can use it. — usef_ksa
– usef_ksa, Commented Sep 21, 2011 at 14:33

markus · Accepted Answer · 2011-09-21 14:04:58Z

6

Provide the url in a hidden input field or any other hidden markup element you like and get it from there with jQuery.

Example:

In the view:

<input type="hidden" id="myActionUrl" value="<?php echo $this->url(array('action' => 'myaction', 'controller' => 'mycontroller'), null, true); ?>" />

In the javascript:

url : $('#myActionUrl').val(),

answered Sep 21, 2011 at 14:04

markus

40.8k23 gold badges100 silver badges143 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

dinopmi Over a year ago

Simple and effective. Thanks a lot!

opHasNoName · Accepted Answer · 2011-09-21 14:13:19Z

1

I would do this:

<script type="text/javascript">
   var url = "<?php echo $this->url(array('action' => 'myaction', 'controller' => 'mycontroller'), null, true); ?>";
</script>

answered Sep 21, 2011 at 14:13

opHasNoName

20.8k26 gold badges102 silver badges149 bronze badges

4 Comments

markus Over a year ago

It's the same as my solution but creates clutter outside the js files.

opHasNoName Over a year ago

if he use an form sure, but then he could altough use: $("#myForm").attr('action'); or?

markus Over a year ago

The point is not whether or not he uses a form. As I wrote, my solution works with any hidden element (form or not). The difference is that your solution, which also works, needs additional script tags in the <head> while mine doesn't.

opHasNoName Over a year ago

Ok :-) Thanxs for the details!

Collectives™ on Stack Overflow

Zend Framework: Inserting calls to View Helpers into Javascript code

2 Answers 2

1 Comment

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related